本文介绍了JQuery:Checkbox如何在选中另一个复选框时选中或取消选中所有复选框的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!

问题描述

当我选择/取消选择selectAll复选框时,我希望选中或取消选中所有其他复选框。

When i select/unselect selectAll checkbox I want all the other checkbox to be checked or unchecked.

没有子元素或父元素

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 is what i tried to do so far -

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

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


推荐答案

你走了。

加价

  <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"));
  });
});

小提琴

这篇关于JQuery:Checkbox如何在选中另一个复选框时选中或取消选中所有复选框的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持!

07-23 16:50