Html中一个radio或者一个checkbox怎样控制一组checkbox全选或者反选呢？要用Jquery吗？请指教！
发布网友
发布时间：2022-04-19 05:01
共4个回答
热心网友
时间：2022-04-19 06:30
<input type="checkbox" class="ck" />
<input type="checkbox" class="ck" />
<input type="checkbox" class="ck" />
<input type="checkbox" class="ckAll" />
// jquery
$('.ckAll').click(function () {
$('.ck').prop('checked', this.checked);
});
热心网友
时间：2022-04-19 07:48
热心网友
时间：2022-04-19 09:23
热心网友
时间：2022-04-19 11:14
$(document).ready(function(){
var $checkboxObject = $('input[type=checkbox]');
var len = $checkboxObject.size();
$checkboxObject.eq(len-1).change(function(){
var $nowObject = $(this);
if($nowObject.is(":checked")){
$nowObject.siblings("input[type=checkbox]").attr("checked", "checked");
}else{
$nowObject.siblings("input[type=checkbox]").removeAttr("checked");
}
});
});
</script>
</head>
<body>
<form method="post" action="#">
<h1>爱好：</h1>
<input type="checkbox" name="intrest" value="swim"/>游泳
<input type="checkbox" name="intrest" value="skiing" />滑雪<br /><br />
<input type="checkbox" name="intrest" value="all" />全选
</form>
</body>
还不是很完善，你可以自己试试，当所有的复选框都被选中的时候，全选也自动选中，相反，全选不选中
