您的位置:首页 > 其它

checkbox全选按钮的控制

2017-06-23 11:18 204 查看
简易代码:

<?php foreach($shop_list as $key=>$value): ?>
//单选框
<input class="check" checked="checked" type="checkbox" />
<label for="sdsdsdaasdfa"></label>
<?php endforeach; ?>
//全选框
<input class="check-all check" checked="checked" tyoe="checkbox" />
<label for="sefafafasfasdf"></label>


js控制选择框的代码:

//全选效果
$(".check-all").click(function() {
if($(".check-all").attr("checked")) {
$(".check").attr("checked", true);
} else {
$(".check").removeAttr("checked");
}
});
//取消一个checkbox就取消全选
$(".check").click(function() {
if(!$(this).attr("checked")) {
$(".check-all").removeAttr("checked");
}
});


这样,就可以保证在选中“全选”框的时候,将所有的checkbox都选中。当取消选择一个“checkbox”的时候,“全选”框也将被取消。
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: