javascript - 触发复选框时 jQuery 中的递归错误太多

Question

我试图触发未选中的复选框，所以我在 Google 的帮助下尝试了很多，但仍然找不到解决方案，

尝试 1:

jQuery(".checkbox").attr("checked", false).trigger("click");

当使用尝试 1 时，我的 OP 没有变化，

尝试 2:

jQuery(".checkbox:checkbox").each(function() {
    var code = jQuery(this).val();
    var all_list = jQuery("#all_listings").val().split(",");

    if (jQuery.inArray(code,all_list) >= 0) {
        return false;
    }
    else {
        jQuery(this).trigger("click");
    }
});

使用尝试 2 返回错误 太多递归

那么如何避免这个错误呢？或者如何触发未选中的复选框？

谢谢!

已解决:在 @praveen kumar 和 attempt 2 的帮助下解决了问题 我更改了 if else，现在 太多递归 解决了。

jQuery(".checkbox:checkbox").each(function() {
        var code = jQuery(this).val();
        var all_list = jQuery("#all_listings").val().split(",");
        if(jQuery.inArray(code,all_list) == -1){
           jQuery(this).trigger("click");
        }
    }

Answer 1

你完全可以把你的Second Attempt改成这样:

jQuery(".checkbox:checkbox:not(:checked)").trigger("click");

希望这对您有所帮助!

---

你需要这样使用:

jQuery(".checkbox").filter(function () {
  return (jQuery(this).prop("checked") == false);
}).trigger("click");

或者你可以使用:

jQuery(".checkbox").filter(function () {
  return (this.checked == false);
}).trigger("click");

或者更简单:

$('.checkbox:not(:checked)').trigger("click");