javascript - 使用 .each() 循环检查复选框后，它不允许我重新检查该框

Question

我有以下 jQuery:

$(document).on('click', '.xRgn .xInner .col .xOB', function(event){
    clickedDiv = $(this);

    clickedDiv.parents('.col').find('input[type="checkbox"]').each(function() {
        $(this).attr("checked", false);
    });

    clickedDiv.find('input[type="checkbox"]').attr("checked", true);
});

正如您所看到的，我正在尝试使复选框充当单选按钮(在这种情况下不可能更改 HTML)。

我首先取消选择所有复选框，然后重新选择被单击的 div 内的复选框。

它可以很好地取消选择复选框，但不会重新选择单击的复选框。如果我删除 .each 循环，它会选择 div 内部的复选框。

有什么想法为什么它没有按预期工作吗？

Answer 1

我认为问题在于已检查属性的值不是 true 或 false，而是已检查或空字符串。

您可能想要 jQuery .prop 函数为 true 或 false，如下所示:

$(document).on('click', '.xRgn .xInner .col .xOB', function(event){
    clickedDiv = $(this);

    clickedDiv.parents('.col').find('input[type="checkbox"]').each(function() {
        $(this).prop("checked", false);
    });

    clickedDiv.find('input[type="checkbox"]').prop("checked", true);
});