jqueryですべてを選択してチェックを外してください

Question

10個のチェックボックスが正常に動作しています。すべてをチェックして、すべてを選択解除してください。 'すべて選択'をクリックしてチェックインしていない場合、 ...

コードはここにある....

function selectAll(status) { 
     $('input[name=selectedId]').each(function(){ 
     $(this).prop('checked', status); 
     }); 

    } 


    <input type="checkbox" class="selectedId" name="selectedId" id="1" />1 <br /> 
    <input type="checkbox" class="selectedId" name="selectedId" id="2" />2 <br /> 
    <input type="checkbox" class="selectedId" name="selectedId" id="3" />3 <br /> 
    <input type="checkbox" class="selectedId" name="selectedId" id="4" />4 <br /> 
    <input type="checkbox" class="selectedId" name="selectedId" id="5" />5 <br /> 
    <input type="checkbox" class="selectedId" name="selectedId" id="6" />6 <br /> 
    <input type="checkbox" class="selectedId" name="selectedId" id="6" />6 <br /> 
    <input type="checkbox" class="selectedId" name="selectedId" id="7" />7 <br /> 
    <input type="checkbox" class="selectedId" name="selectedId" id="8" />8 <br /> 
    <input type="checkbox" class="selectedId" name="selectedId" id="9" />9 <br /> 
    <input type="checkbox" class="selectedId" name="selectedId" id="10" />10<br/> 

Answer 1

もlengthcheckedのチェックボックス

function selectAll() { 
 
    var checked = this.checked; 
 
    $('input[name=selectedId]').each(function() { 
 
    $(this).prop('checked', checked); 
 
    }); 
 
} 
 
$('#selectall').on('change', selectAll); 
 
$('input[name=selectedId]').change(function() { 
 
    $('#selectall').prop('checked', $('input[name=selectedId]:checked').length == $('input[name=selectedId]').length); 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script> 
 
<input type="checkbox" class="selectedId" id="selectall" />Select all 
 
<br /> 
 
<br /> 
 

 
<input type="checkbox" class="selectedId" name="selectedId" id="1" />1 
 
<br /> 
 
<input type="checkbox" class="selectedId" name="selectedId" id="2" />2 
 
<br /> 
 
<input type="checkbox" class="selectedId" name="selectedId" id="3" />3 
 
<br /> 
 
<input type="checkbox" class="selectedId" name="selectedId" id="4" />4 
 
<br /> 
 
<input type="checkbox" class="selectedId" name="selectedId" id="5" />5 
 
<br /> 
 
<input type="checkbox" class="selectedId" name="selectedId" id="6" />6 
 
<br /> 
 
<input type="checkbox" class="selectedId" name="selectedId" id="6" />6 
 
<br /> 
 
<input type="checkbox" class="selectedId" name="selectedId" id="7" />7 
 
<br /> 
 
<input type="checkbox" class="selectedId" name="selectedId" id="8" />8 
 
<br /> 
 
<input type="checkbox" class="selectedId" name="selectedId" id="9" />9 
 
<br /> 
 
<input type="checkbox" class="selectedId" name="selectedId" id="10" />10 
 
<br/>

で checkboxの lengthを比較します

Answer 2

？

function selectAll(status) { 
 
     $('input[name="selectedId"]').each(function(){ 
 
     $(this).prop('checked', status); 
 
     }); 
 

 
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 

 
    <button onclick="selectAll(true)">Select All</button> 
 
    <button onclick="selectAll(false)">Unselect All</button> 
 
<br> 
 
    <input type="checkbox" class="selectedId" name="selectedId" id="1" />1 <br /> 
 
    <input type="checkbox" class="selectedId" name="selectedId" id="2" />2 <br /> 
 
    <input type="checkbox" class="selectedId" name="selectedId" id="3" />3 <br /> 
 
    <input type="checkbox" class="selectedId" name="selectedId" id="4" />4 <br /> 
 
    <input type="checkbox" class="selectedId" name="selectedId" id="5" />5 <br /> 
 
    <input type="checkbox" class="selectedId" name="selectedId" id="6" />6 <br /> 
 
    <input type="checkbox" class="selectedId" name="selectedId" id="6" />6 <br /> 
 
    <input type="checkbox" class="selectedId" name="selectedId" id="7" />7 <br /> 
 
    <input type="checkbox" class="selectedId" name="selectedId" id="8" />8 <br /> 
 
    <input type="checkbox" class="selectedId" name="selectedId" id="9" />9 <br /> 
 
    <input type="checkbox" class="selectedId" name="selectedId" id="10" />10<br/>