checkbox全选按钮的控制

简易代码：

<?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”的时候，“全选”框也将被取消。