javascript - html页面复选框的问题

<input type="checkbox" name="checkbox" value="0" />全部地区
那么这个名字可以修改一下，顺便加个 ID，改成
<input type="checkbox" name="checkboxall" id=‘cbctrl’ value="0" />全部地区

然后给这个元素绑定onchange 函数。在页面被加载之后绑定。

$(function(){
   //绑定事件
    $('#cbctrl').on('change', function() {
        //判断是否被选中
        if($(this).attr('checked')){
            //根据名字进行查找并且设置为不可选择
            $("input[name='checkbox']").attr('disabled', true);
        }else{
            $("input[name='checkbox']").attr('disabled', false);
        }
    });
});

代码随便写了几段，没测试过，也不算是完全版，自己根据思路去整合去试就行了。

你需要一个数组 存已选择的id，当点击全选时，把所有id都加进去，再点击全选，清空列表，点击复选框，把当前id加到数组里。

就这么个逻辑~

全部地区的checkbox上加事件，选中时给下面的地区的checkbox加disabled,取消时去除