4

selectAllチェックボックスを選択/選択解除すると、他のすべてのチェックボックスをオンまたはオフにする必要があります。

子要素または親要素はありません

HTML コード:

<div>
 <li class="input">
  <input type="checkbox" name="selectAll" value=""></input>
 </li>
 <li class="input">
  <input type="checkbox" name="practice" value=""></input>
 </li>
 <li class="input">
  <input type="checkbox" name="filename" value=""></input>
 </li>
 <li class="input">
  <input type="checkbox" name="comment" value=""></input>
 </li>
</div>

これは私がこれまでにやろうとしたことです -

$(this).siblings('ul').find("input[type='checkbox']").prop('checked', true);

と

$(this).parent().find('input:checkbox:first').prop('checked', true);
4

2 に答える 2

8

どうぞ。

マークアップ:

  <div>
    <li class="input">
      <input type="checkbox" id="select-all" name="selectAll" value=""/>
    </li>
    <li class="input">
      <input type="checkbox" name="practice" value=""/>
    </li>
    <li class="input">
      <input type="checkbox" name="filename" value=""/>
    </li>
    <li class="input">
      <input type="checkbox" name="comment" value=""/>
    </li>
  </div>

コード:

$("#select-all").on("click", function() {
  var all = $(this);
  $('input:checkbox').each(function() {
       $(this).prop("checked", all.prop("checked"));
  });
});

フィドル: http://jsfiddle.net/PcMnk/148/

于 2013-10-24T15:28:15.723 に答える