Question

我在一个页面中有两个复选框。如果单击一个复选框，则会使用所选框启用另一个复选框。

的jQuery

$("#box_all").click(function () {
  $('td input[type=checkbox]').attr('checked', this.checked);
});

$("#book_all").click(function () {
  $('td input[type=checkbox]').attr('checked', this.checked);
});

HTML

<th><%= check_box_tag "box_all" %></th>
<td>
  <%= hidden_field_tag 'box_id', sd.box.id %>
  <%= check_box_tag "box_dance_ids[]", bd.id %>
</td>

<th><%= check_box_tag "book_all" %></th>
<td ><%= check_box_tag "book_dance[book_ids][]", @book.id %></td>

任何人都可以帮助我

Answer 1

基本上，通过做

$('td input[type=checkbox]').attr('checked', this.checked);

您正在检查td单元格中的所有复选框。你需要改进选择器。

您没有向我们展示您的HTML，因此我只能指导您，但您可以

为这些复选框或其tds提供课程。

$('td.my_specific_tds input[type=checkbox]').attr('checked', this.checked);

传递包含您要更新的复选框的容器。

$('td input[type=checkbox]', $('#my_container_id')).attr('checked', this.checked);

Answer 2

你可以试试这个

 $('td input:checkbox:checked[name=<name_of_the_checkbox>]')

两个选中页面中的所有复选框无法正常工作

2 个答案: