jquery复选框全选

Question

我已将 jquery 全部设置为找到我的全选复选框，但由于某种原因，它仅在第二次单击时全选。

任何想法都将不胜感激。

    $("h2 #selectAllState").click(function () {

  var here = $(this).closest("div").attr('id');
  var stateDiv = "#"+here;
  var cityList = "#state"+here;


$(stateDiv+" h2 input:checkbox").change(function () {
        $(cityList).find(':checkbox').prop("checked", this.checked);
    });

});

或者是jfiddle

Answer 1

您最初的问题是在第一次单击发生之前您没有绑定change 处理程序。我已经解决了这个问题，并设法使用遍历函数简化了您的代码。

http://jsfiddle.net/w8ZLV/

$("#selectAllState").click(function () {    
    $(this).closest('div').find('.cityPick :checkbox').prop("checked", this.checked);
});

此外，您可能会在其他州重复此块，在这种情况下，您可能拥有多个 ID 为 #selectAllState 的元素，这是不允许的。如果我的假设是正确的，那应该改为类而不是 id。