选中所有复选框

时间:2012-02-05 15:04:55

标签: jquery checkbox html-table

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

$("#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)"));

1 个答案:

答案 0 :(得分:0)

问题是你要在同一个面板中放置要检查的复选框(以检查所有复选框)。

解决方案,将每个其他复选框放在div中,如'checkBoxDiv'和我们在上面的函数中使用div标识符。注意控制复选框不受影响