0

ページ上のすべてのチェックボックスを選択または選択解除する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回目にすべてのチェックボックスを選択しようとしたとき、これは起こりません。なんで?

4

2 に答える 2