jQuery：选中/取消选中复选框

Question

我有两个 div。 Div A 和 Div B。当您单击一个时，Div A 包含锚点，它会显示我从 Div B 中的数组中获得的复选框列表。我有一个限制，用户只能从他可以选择的所有列表中选择三个复选框通过点击锚点获得。

如果超过 2 个未选中的复选框被禁用，我有一个限制。

if (countShownCats > -1 && countShownCats < 3) {
     // Enable checkboxes
     $('.rbSubcategoryList input:checkbox:not(:checked)').attr('disabled', false);
  } else {
     // Disable non checked checkboxes
     $('.rbSubcategoryList input:checkbox:not(:checked)').attr('disabled', true);
  }

当我单击一个锚点并附加一个复选框列表时，不会选中复选框。代码如下：

$('.rbSubcategoryList input[value="' + rbCheckboxValue + '"]').attr('checked', true);

但只有第一个被点击的复选框被选中。我知道我必须以某种方式使用 $.each，但不知道如何使用。

所以我的问题是如何让它工作，以便当我点击锚点时所有三个选中的复选框都保持选中状态？

谢谢！

Answer 1

好的，我想我现在明白了。

您没有遍历 .rbWwCatPicked 中的隐藏输入，这就是为什么只选中一个复选框的原因。

   $('.rbWwCatPicked input[type=hidden]').each(function(){
       $('.rbSubcategoryList input[value="' + $(this).data('pickedcat-hidden') + '"]').prop('checked', true);
   });

和更新的小提琴： http://jsfiddle.net/T5858/17/

---

抱歉没有正确阅读问题。

试试这个：

$('.rbSubcategoryList').click(function () {
  var c = $(this).find('input:checkbox:checked').length;
  if (c >= 2) {
    $(this).find('input:checkbox:not(:checked)').prop('disabled', true);
  } else {
    $(this).find('input:checkbox:not(:checked)').prop('disabled', false);
  }
});

这是小提琴： http://jsfiddle.net/p8zZu/

您的 JavaScript 似乎也存在一些问题。检查浏览器控制台中记录的错误。

---

如果我理解正确，您是在寻求有关使用 each 方法的帮助吗？

试试

$('.rbSubcategoryList input[value="' + rbCheckboxValue + '"]').each(function () {
  $(this).prop('checked', true);
});