Javascript 禁用最后一个复选框需要多选

场景：

我有一个投票页面，你必须从名单中选择4名候选人中的3名

需要：

我需要在选中其中3个（4）后禁用最后一个复选框

代码：

HTML

JS

功能更改（obj）{
var cbs=document.getElementsByClassName（“cb”）；
对于（var i=0；i

问题：

---

如何在选择其他3个选项后禁用最后一个选项。

您需要调用cbChange on click event of checkbox

功能变更（obj）{
var cbs=document.getElementsByClassName（“cb”）；
var检查计数=0；
对于（变量i=0；i=3）{
对于（变量i=0；i

---

您需要在复选框的单击事件中调用cbChange

功能变更（obj）{
var cbs=document.getElementsByClassName（“cb”）；
var检查计数=0；
对于（变量i=0；i=3）{
对于（变量i=0；i

当其中一个复选框已更改时，计算未选中的数字。如果只有一个，您可以禁用它；否则，如果一个复选框被禁用，则必须重新启用。

当其中一个复选框已更改时，计算未选中的数字。如果只有一个，您可以禁用它；否则，如果一个被禁用，则必须重新启用。

如果

检查计数>3

，则没有任何可禁用的项。如果我在选中3后取消选中某个框，则第4个保持禁用状态。如果

检查计数>3

，则没有任何可禁用的项。如果我在选中3后取消选中某个框，则第4个保持禁用状态。

<input class="cb" type="checkbox" name="condidate" value="1" onchange="cbChange(this)" />
<input class="cb" type="checkbox" name="condidate" value="2" onchange="cbChange(this)"/>
<input class="cb" type="checkbox" name="condidate" value="3" onchange="cbChange(this)"/>
<input class="cb" type="checkbox" name="condidate" value="4" onchange="cbChange(this)"/>

function cbChange(obj) {
    var cbs = document.getElementsByClassName("cb");
    for (var i = 0; i < cbs.length - 3; i++) {
        cbs[i].disabled = true;
    }
    obj.disabled = false;
}