点击.toggle按钮时，如何取消所有input[name='select-check']复选框的选中状态？

嘿，我来帮你搞定这个需求！要实现点击类名为.toggle的按钮时，取消所有name属性为select-check的复选框选中状态，咱们可以这样调整代码：

完整代码示例 #

HTML 部分 #

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<button class="toggle">取消选中</button>
<div class="post-list">
  <div class="item">
    <label class="pick-select">
      <input type="checkbox" class="select-input" name="select-check">
    </label> 1
  </div>
  <div class="item">
    <label class="pick-select">
      <input type="checkbox" class="select-input" name="select-check">
    </label> 2
  </div>
</div>

JavaScript 部分 #

$(".toggle").click(function() {
  // 精准选中所有name为select-check的复选框，直接取消它们的选中状态
  $("input[name='select-check']:checkbox").prop("checked", false);
});

代码说明 #

• 第一步用$(".toggle")选中触发按钮，绑定点击事件；
• 在点击回调里，通过选择器$("input[name='select-check']:checkbox")定位所有符合条件的复选框；
• 调用.prop("checked", false)直接将这些复选框的选中状态置为取消，不管它们之前是否被选中，点击按钮就能一键清空选中状态啦。

之前的代码错误地操作了.select-all元素，这不是你要的目标元素，咱们把操作对象换成所有name为select-check的复选框就可以实现需求了。

内容的提问来源于stack exchange，提问作者Kyle Underhill