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>

如何使用jquery选中并取消选中全选复选框

4 个答案: