ページ上のすべてのチェックボックスを選択または選択解除するJQuery関数を記述します。グループチェックボックスがあります。
<input type="checkbox" title="111" value='111' name="cid[]" id='cb1'/>
...
<input type="checkbox" title="nnn" value='nnn' name="cid[]" id='cbn'/>
そして、メインのチェックボックスがあります。
<input type="checkbox" id="CheckAll" title="Choose all" value="" name="checkall-toggle"/>
このチェックボックスをクリックすると、他のすべてのチェックボックスを選択する必要があります。私はこの機能を使用します:
$(":checkbox").click(function(){
var id = $(this).attr('id');
if (id=='CheckAll')
{
if (this.checked==true)
{
$('INPUT[type=\'checkbox\']').attr('checked', true);
}else
{
$('INPUT[type=\'checkbox\']').attr('checked', false);
}
}
});
私は Firefox 22.0 を使用しています ... 「CheckAll」チェックボックスをクリックすると、この機能によりすべてのチェックボックスが選択されました。この後、「CheckAll」チェックボックスをもう一度クリックします。その結果、すべてのチェックボックスが選択されていません。しかし。2回目にすべてのチェックボックスを選択しようとしたとき、これは起こりません。なんで?