jquery怎么取消radio_心得技巧

上一篇: jquery怎么实现正则替换下一篇:javascript怎么取整不要小数

jquery怎么取消radio

发布时间：2022-05-17 发布网站：脚本宝典

脚本宝典收集整理的这篇文章主要介绍了jquery怎么取消radio，脚本宝典觉得挺不错的，现在分享给大家，也给大家做个参考。

jquery取消radio的方法：1、使用attr()函数，语法“$("input").attr("checked",false);”；2、使用PRop()函数，语法“$("input").prop("checked",false);”。

jquery怎么取消radio

本教程操作环境：windows7系统、jquery1.10.2版本、Dell G3电脑。

jquery取消radio的方法

在jquery中，只需要将radio单选框的checked属性设置为false值即可取消radio选中。

而设置属性值有两种方法：

attr()
prop()

示例：

使用attr()设置checked属性值

<!DOCTYPE htML>
<html>
	<head>
		<;meta charset="utf-8" />
		<script src="js/jquery-1.10.2.min.js"></script>
		<script>
			$(document).ready(function() {
				$("button").click(function() {
					$("input").attr("checked",false);
				});
			});
		</script>
	</head>
	<body>
		<div>
			<input type="radio" name="1" value="1" id="rdoYear" checked>本年<br />
			<input type="radio" name="1" value="2" id="rdoMonth">本月<br />
			<input type="radio" name="1" value="3" id="rdoDay">本日<br />
		</div>
		<button>取消选中</button>

	</body>
</html>

使用prop()设置checked属性值

<script>
	$(document).ready(function() {
		$("button").click(function() {
			$("input").prop("checked",false);
		});
	});

实现的效果都一样

jquery怎么取消radio

【推荐学习：jQuery视频教程、web前端视频】

以上就是jquery怎么取消radio的详细内容，更多请关注脚本宝典其它相关文章！

脚本宝典总结

以上是脚本宝典为你收集整理的jquery怎么取消radio全部内容，希望文章能够帮你解决jquery怎么取消radio所遇到的问题。

如果觉得脚本宝典网站内容还不错，欢迎将脚本宝典推荐好友。

本图文内容来源于网友网络收集整理提供，作为学习参考使用，版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ：384754419，请注明来意。

标签：

上一篇: jquery怎么实现正则替换下一篇:javascript怎么取整不要小数

猜你在找的心得技巧相关文章

clion结合vcpkg以及GTest的使用 2022-07-07
EGF 2022-06-06
ExtJS 布局-Column布局（Column layout） 2022-06-05
颜色之ARGB与RGB、RGBA的区别与介绍 2022-04-15
rgba中的a是什么意思 CSS之RGBA颜色指南 2022-04-15
rootfs -根文件系统制作 2022-07-07
网页简单布局之结构与表现原则分享 2022-04-15
小项目中怎么防止Vue的闪现画面效果 2022-04-15
隐藏 Web 中的元素方法及优缺点教程详解 2022-04-15
告别硬编码让你的前端表格自动计算的实例代码 2022-04-15