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>