Javascript 设置复选框选择的限制

我有两个DIV容器，都包含Checkbox元素。我想申请这样一个限额 从DIV2最多可以选择7个复选框，从DIV1用户可以选择所有复选框。但是 来自DIV1和DIV2的已检查支票盒总数不应超过10

每次选中/取消选中时，选中复选框的计数器为10，则剩余 未选中复选框将被禁用

<div id="main DIV">
    <div id="DIV1">
        <input type="checkbox" checked/>1 
        <input type="checkbox" checked/>2 
        <input type="checkbox" checked/>3<br/>
        <input type="checkbox" checked/>4 
        <input type="checkbox" checked/>5 
    </div>

    <div id="DIV2">
        <input type="checkbox" checked/>1 
        <input type="checkbox" checked/>2 
        <input type="checkbox" checked/>3<br/>
        <input type="checkbox" checked/>4 
        <input type="checkbox" checked/>5 
        <input type="checkbox" checked/>6
        <input type="checkbox" checked/>7
        <input type="checkbox" checked/>8
        <input type="checkbox" checked/>9
    </div>
</div>

试试看

//Give you the length of the checked chechbox under `mainDIV`
$('#mainDIV input[type="checkbox"]:checked').length

请确保，ID不应有空间。mainDIV而不是mainDIV

在Jquery中使用父子选择来提供限制。 ：checked和：not:checked将帮助您实现这一点。 希望这个提示足够理解。

var div2Cbs=$DIV2:复选框； var allCbs=div2Cbs.addDIV1:checkbox.onclick，函数{ var disable2=div2Cbs.filter:checked.length>=7； var disableAll=allCbs.filter:checked.length>=10； allCbs.filter:未选中。禁用propdisabled，disableAll； div2Cbs.filter:not:checked.propdisabled，disable2 | | disableAll； }; div{边框：薄黑色实体；边距：5px；} 1. 2. 3. 4. 5. 1. 2. 3. 4. 5. 6. 7. 8. 9

---

您需要显示您已经尝试过的内容这在这里已经得到了回答：我想对两个div应用限制，而不是对单个div应用限制为什么两个用户一次又一次地问同一个问题？因此，不是代码请求服务，您应该首先显示您已经尝试了什么。在这里，人们可以指导您，但不能提供完整的代码和示例。