Javascript 检查是否单击了第一个复选框

我有一个复选框列表，如下所示：

<div class="checkbox-list">
     <label><input type="checkbox" value="" /> All items</label><br />
     <label><input type="checkbox" value="1" /> First item</label><br />
     <label><input type="checkbox" value="2" /> Second item</label><br />
     <label><input type="checkbox" value="3" /> Third item</label><br />
     <label><input type="checkbox" value="4" /> Forth Checkbox</label>
</div>

---

如果你想玩，这里有一把小提琴：

你应该使用单选按钮，而不是复选框。这将完全满足您的需求，而无需您付出额外的努力。即使你成功地完成了你要做的事情，用户界面看起来也会出错。

你应该使用单选按钮，而不是复选框。这将完全满足您的需求，而无需您付出额外的努力。即使您成功地完成了所做的工作，用户界面也会出现错误。

$(".checkbox-list").on("change", ":checkbox", function() {
    var $all   = $(".checkbox-list").find(":checkbox");
    var $first = $all.eq(0);
    if ($first.is(":checked")) { 
        $all.not(this).prop("checked", false);
    }
});

$(".checkbox-list").on("change", ":checkbox", function() {
    var $all   = $(".checkbox-list").find(":checkbox");
    var $first = $all.eq(0);
    if ($first.is(":checked")) { 
        $all.not(this).prop("checked", false);
    }
});

---

简单一点：您是动态创建的复选框吗？是的，从ajaxIn中填充。在这种情况下，我必须使用适当的

.on（）

委派来编辑我的答案以保持事件的活动状态（就像您所做的那样）。已编辑。只是一个简单的问题：是否动态创建了复选框？是的，从ajaxIn填充。在这种情况下，我必须使用适当的

.on（）

委派编辑我的答案以保持事件的活动状态（就像您所做的那样）。编辑好了。哈哈，我现在明白了，这就是为什么其他答案被否决的原因！：）伟大的寻求适当的指导。但它需要被否决才能质疑自己！它应该能够勾选多个复选框：-）哈哈，我现在明白了，这就是为什么它对其他答案投反对票的原因！：）伟大的寻求适当的指导。但它需要被否决才能质疑自己！它应该能够选中多个复选框：-）这样做了，我添加了一个

else{$first.prop（“checked”，true）；}

以确保它不能被取消选中。使用这个

else

你只会犯一个大错误：它会连续切换$first。啊哈，我明白了。。甚至没有注意到！这样做了，我添加了一个

else{$first.prop（“checked”，true）；}

以确保它不能被取消选中。有了这个

else

你只会犯一个大错误：它会连续切换$first。啊哈，我明白了。。甚至没有注意到！