Html中一个radio或者一个checkbox怎样控制一组checkbox全选或者反选呢？要用Jquery吗？请指教！
4个回答
展开全部
<input type="checkbox" class="ck" />
<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);
});
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
做一个单击事件，在事件里写这个$("input[name='radio']").attr("checked",true);
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
利用其checked 属性 ，
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
<script type="text/javascript">
$(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>
还不是很完善，你可以自己试试，当所有的复选框都被选中的时候，全选也自动选中，相反，全选不选中
$(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>
还不是很完善，你可以自己试试，当所有的复选框都被选中的时候，全选也自动选中，相反，全选不选中
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
更多回答（2）
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
