如何使用jquery选中和取消选中全选复选框答案

【问题标题】：How to check and uncheck the select all check box using jquery如何使用jquery选中和取消选中全选复选框
【发布时间】：2012-05-18 21:59:41
【问题描述】：

我有一个用于选择所有其他复选框的全选复选框的切换事件，但全选复选框不会选中并取消选中如何解决此问题，代码如下：

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

【问题讨论】：

您正在传递两个函数来切换，但根据api.jquery.com/toggle，没有支持该功能的 toggle() 版本。我不得不承认我不完全理解你想要做什么......同时隐藏和选择/未选中的框......
Jquery toggle event is messing with checkbox value的可能重复
@Yankee 您正在查看显示或隐藏元素切换的页面，而不是切换事件的页面。我做了同样的事情。 :D api.jquery.com/toggle-event
@CrazyJugglerDrummer：哎呀...感谢您的关注。

标签： jquery jquery-selectors checkbox

【解决方案1】：

这是你想要的吗？

http://jsfiddle.net/vjxHs/

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

【讨论】：

【解决方案2】：

嗯，这应该与您的切换事件有关，我使用了悬停并且您的代码正常工作

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

几乎相同的代码..除了悬停

【讨论】：

【解决方案3】：

使用这个
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>

【讨论】：

【解决方案4】：

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

【讨论】：