jquery - 打开/关闭复选框

Question

我有以下内容:

$(document).ready(function()
{
    $("#select-all-teammembers").click(function() {
        $("input[name=recipients\\[\\]]").attr('checked', true);
    });                 
});

我想要 id="select-all-teammembers" 单击以在选中和未选中之间切换。想法？这不是几十行代码吗？

Answer 1

你可以这样写:

$(document).ready(function() {
    $("#select-all-teammembers").click(function() {
        var checkBoxes = $("input[name=recipients\\[\\]]");
        checkBoxes.prop("checked", !checkBoxes.prop("checked"));
    });                 
});

在 jQuery 1.6 之前，我们只有 attr()而不是 prop() ，我们曾经这样写:

checkBoxes.attr("checked", !checkBoxes.attr("checked"));

但是 prop() 在应用于“ bool ”HTML 属性时比 attr() 具有更好的语义，因此在这种情况下它通常是首选。