jquery - 选中所有复选框

Question

我的功能遇到了很多问题。如果第一行中的复选框被选中，则函数应该检查所有复选框，反之亦然。这是我写的:

$("#meetingspanel").on("click", ":checkbox", function() {
  if ($(this).parent().parent() == ($("tr:first"))) {
    chboxcondition++;
    if (chboxcondition % 2 !=0) {
      $(":checkbox").each(function() {
        $(this).attr('checked', true);
      });
    } else {
      $(":checkbox").each(function() {
        $(this).attr('checked', false);
      });
    }
  } else
    return false;
});

它的工作原理是选中所有这些并取消选中。问题是，无论我按下哪个复选框，它都会检查和取消选中所有复选框，即使是第五个，我只想要第一行中的第一个。

这就是创建复选框的方式

$("<td style=border:0px><input type='checkbox' id='btncb'></td>").insertAfter($("td:nth-child(6)"));

Answer 1

问题是您将要选中的复选框(是否选中所有复选框)放在同一面板中。

解决方案，将每个其他复选框放在一个名为“checkBoxDiv”的 div 中，并在上面的函数中使用该 div 标识符。确保控制复选框不受影响