javascript - jQuery:如何在检查完所有复选框后取消选中div中的随机复选框？

Question

当链接发生 onClick 时，该 div 中存在的所有复选框都会被选中。

function initSelectAll() {
  $("form").find("a.selectAll").click(function() {
    var cb = $(this).closest("div").find("input[type=checkbox]");
    cb.not(":checked").click().length || cb.click();
    //........WANT TO UNCHECK checkboxes with class="file" where link  id is 'id="ninapaya"'; how to do that?......
    return false;
  });
}
initSelectAll();

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<form>
      <div>
       Select
       <span class="kukapaya">(<a href="#" id="ninapaya" class="selectAll">alle</a>)</span>
        <br>
       <input type="checkbox"  class="document" name="check2">
    
      <input type="checkbox"  class="document" name="check2">
      
      <br>
    <input type="checkbox"  class="File">
  
    <input type="checkbox"  class="File">
    </div>
   

    </form>

要求:我们不应选中带有 class="File" 的复选框。

JSFiddle:https://jsfiddle.net/k4d6zpay/

Answer 1

可以使用 .prop(.prop( propertyName, function )) 进行简化并使用:not selector

$("form").find("a.selectAll").click(function() {
  $(this).closest("div").find("input[type='checkbox']:not('.File')").prop('checked', function() {
    return !this.checked;
  });
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
<form>
  <div>
    Select
    <span class="kukapaya">(<a href="#" id="ninapaya" class="selectAll">alle</a>)</span>
    <br>
    <input type="checkbox" class="document" name="check2">

    <input type="checkbox" class="document" name="check2">

    <br>
    <input type="checkbox" class="File">

    <input type="checkbox" class="File">
  </div>
</form>