首页 >web前端 >前端问答 >jquery怎么取消radio

jquery怎么取消radio

青灯夜游原创: 2022-03-28 15:21:342897浏览

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视频教程、web前端视频】

以上是jquery怎么取消radio的详细内容。更多信息请关注PHP中文网其他相关文章！

声明：

本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系admin@php.cn

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

查看更多