<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<script src="http://libs.baidu.com/jquery/2.1.4/jquery.min.js"></script>
</head>
<body>
<input type="button" id="all" value="全选" />
<input type="button" id="fan" value="反选" />
<input type="button" id="no" value="不选" />
<form action="" method="post">
红色：<input type="checkbox" name="cloor" id="cloor1" value="red" />
绿色：<input type="checkbox" name="cloor" id="cloor2" value="greenh" />
蓝色：<input type="checkbox" name="cloor" id="cloor3" value="blue" />
蓝色：<input type="checkbox" name="cloor" id="cloor4" value="blue" />
蓝色：<input type="checkbox" name="cloor" id="cloor5" value="blue" />
</form>
</body>
<script type="text/javascript">
$("#all").click(function() {
$("input[name='cloor']").each(function() {
this.checked = true;
});
});
$("#fan").click(function() {
$("input[name='cloor']").each(function() {
this.checked = !this.checked;
});
});
$("#no").click(function() {
$("input[name='cloor']").attr("checked", false);
});
</script>
</html>
jQuery实现checckbox的全选、全不选、反选
猜你喜欢
转载自blog.csdn.net/qq_36186690/article/details/81182959
今日推荐
周排行