javascript - jQuery 检查复选框不起作用

Question

我正在尝试使用 JQuery 1.9.1 在 HTML 表单上实现“全选”复选框。据我所知，它应该像使用 .prop 来选中或取消选中复选框一样简单，但我尝试的任何方法似乎都不起作用。

请参阅下面的内容，了解我所尝试的内容，我已经注释掉了一些失败的尝试，但我什至无法使其对一个复选框起作用。这样做的正确方法是什么？我是否遗漏了某些内容，可能是在 HTML 中？

HTML

<input type="checkbox" id="cb_select_all" name="cb_select_all" value="t" />
<label for="cb_select_all"><b>Select All</b>
</label>
<br />
<input type="checkbox" name="cb1" id="cb1" class="cb_all" value="t" />
<label for="cb1">1 test</label>
<br />
<input type="checkbox" name="cb2" id="cb2" class="cb_all" value="t" />
<label for="cb2">2 test</label>

Javascript

$(document).ready(function () {
    $("#cb_select_all").change(cb_select_all_onchange);
}); //end $(document).ready

function cb_select_all_onchange() {
    if ($("#cb_select_all").checked) {
        //$("#cb1").prop("checked", true);
        //$(".cb_all").each(function(){ this.checked = true; });
        //document.getElementById("cb1").checked = true;
        $(".cb_all").prop("checked", true);
    } else {
        $("#cb1").prop("checked", false);
    }
}

http://jsfiddle.net/mLnb5qed/5/

谢谢， jdt

Answer 1

将您的 if 更改为此

if ($("#cb_select_all")[0].checked) { }

( 或 ) if ($("#cb_select_all").is(":checked")) { } 问题是第一个是 native 元素的属性而不是 jQuery 对象。通过索引访问它使您能够使用该属性。第二种方式是jQuery方式。