チェックとjQuery

Question

ですべてのチェックボックスのチェックを外し、私はすべてのチェックボックスをチェックし、オフにこのスクリプトを使用しています：

$('#checkall').click(function() { 
    var checked = $(this).data('checked'); 
    $('.chkall').find(':checkbox').attr('checked', !checked); 
    $(this).data('checked', !checked); 
}); 

それはすぐに、私は「すべてをチェック」して、ヒットした後、いくつかの確認のチェックボックスのチェックを外して素晴らしい作品が、 「すべてチェックを外す」と「すべてをチェック」を選択すると、チェックされていないチェックボックスはもう一度チェックされません。助けが素晴らしいだろう！どうもありがとうございました！

Answer 1

これが正しい方法かもしれません。..

使用は、単に目的を整理するために、attrおよびグループのdiv内のチェックボックスリストの代わりに支えます。 checkedもそのまま使用してください。否定しないでください。

$(document).ready(function() { 
 
    $('#checkall').click(function() { 
 
    var checked = $(this).prop('checked'); 
 
    $('#checkboxes').find('input:checkbox').prop('checked', checked); 
 
    }); 
 
})

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<input type="checkbox" id="checkall" /> 
 
<label for="checkall">check/uncheck all</label> 
 
<br/> 
 
<br/> 
 
<div id="checkboxes"> 
 
    <input type="checkbox" /> 
 
    <input type="checkbox" /> 
 
    <input type="checkbox" /> 
 
    <input type="checkbox" /> 
 
    <input type="checkbox" /> 
 
    <input type="checkbox" /> 
 
    <input type="checkbox" /> 
 

 
</div>

Answer 2

$('#checkall').click(function(){ 
 
    var d = $(this).data(); // access the data object of the button 
 
    $(':checkbox').prop('checked', !d.checked); // set all checkboxes 'checked' property using '.prop()' 
 
    d.checked = !d.checked; // set the new 'checked' opposite value to the button's data object 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<button id='checkall' data-checked='false'>check/uncheck all</button> 
 
<input type=checkbox> 
 
<input type=checkbox> 
 
<input type=checkbox> 
 
<input type=checkbox> 
 
<input type=checkbox>

---

私はあなたのHTMLは、トリガーボタンの面で、同じように見えますが、私は知りませんが、あなたが最初にそれにdataを設定する方法が何であるかを推測しました。これがコード化された方法であることを望みます。そうでない場合は教えてください。

Answer 3

すべてのチェックボックスを取得してすべてを確認するだけです。

$('#checkall').click(function() { 
 

 
    var _this = this; 
 
    $('#checkboxes').find('input[name="checkAll"]').each(function() { 
 
    
 
    if ($(_this).is(':checked')) { 
 
     $(this).prop('checked', true); 
 
    } else { 
 
     $(this).prop('checked', false); 
 
    } 
 
    }); 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<input type="checkbox" id="checkall" /> 
 
<label for="checkall">check/uncheck all</label> 
 
<br/> 
 
<br/> 
 
<div id="checkboxes" class=".chkall"> 
 
    <input type="checkbox" name="checkAll"/> 
 
    <input type="checkbox" name="checkAll"/> 
 
    <input type="checkbox" name="checkAll" /> 
 
    <input type="checkbox" name="checkAll" /> 
 
    <input type="checkbox" name="checkAll" /> 
 
    <input type="checkbox" name="checkAll" /> 
 
    <input type="checkbox" name="checkAll" /> 
 

 
</div>