jquery - jqueryを使用して[すべて選択]チェックボックスをオンまたはオフにする方法

Question

他のすべてのチェックボックスを選択する[すべて選択]チェックボックスのトグルイベントがありますが、[すべて選択]チェックボックスがオンにならず、これを解決する方法のチェックを外します。コードは次のとおりです。

$('#selectAllCheck').toggle(function () {
            $('input:checkbox').attr('checked', 'checked');
            }, function () {
                $('input:checkbox').removeAttr('checked');
        });

Answer 1

これは、あなたの望むことですか？

http://jsfiddle.net/vjxHs/

$('#selectAllCheck').click(function () {  
    if ($(this).attr('checked')=='checked')
    {        
        $('input:checkbox').attr('checked', 'checked');
    } else {
        $('input:checkbox').removeAttr('checked');
    }
});

Answer 2

$('#selectAllCheck').click(function() {
   var status = $(this).attr('checked');
    if( ! status) {
        status = false;
    }
   $('input:checkbox').attr('checked',status);
});

Answer 3

うーん、それはあなたのトグルイベントで何かになるはずです、私はホバーを使用しました、そしてあなたのコードは正しく働きました

                $('#selectAllCheck').hover(
                    function () {
                        $('input:checkbox').attr('checked', 'checked');
                    }, 
                    function () {
                        $('input:checkbox').removeAttr('checked');
                    }
                );

ほぼ同じコード..ホバー以外

Answer 4

この
Javascriptを使用してください：

<script type='text/javascript'>//<![CDATA[
    $(window).load(function () {
        var $checkboxes = $('input[type=checkbox]');
        $('#selectAllCheck').toggle(function () {
            $checkboxes.attr('checked', 'checked');
            return false;

        }, function () {
            $checkboxes.removeAttr('checked');
            return false;
        });
    });//]]>  

</script>