jQuery检查所有不工作的复选框

Question

我正在编写一些允许以下操作的代码：

1.) 如果用户选中一个复选框，它将更改父 <tr> 以选择一个类（这也可以取消选中并删除该类）

2.) 任何已选中的复选框都会在文档加载时添加该类

3.) 如果用户检查#checkall 输入，则所有输入都将被选中并添加选中的类（如果再次选中，它将取消全选并删除该类）

这是我目前的代码：

$("table input[name=choose]:checked").each(function()
    {
        $(this).closest("tr").addClass("selected");
    });

    $("table input[name=choose]").live("change", function()
    {
        $(this).closest("tr").toggleClass("selected");
    });

    if ($('#checkall:checked') ==  true)
    {
        $('#checkall').live("click", function()
        {
            $('table input[name=choose]').attr('checked', false);
            $('table input[name=choose]').closest("tr").toggleClass("selected");              
        });
    }
    else
    {
        $('#checkall').live("click", function()
        {
            $('table input[name=choose]').attr('checked', true);
            $('table input[name=choose]').closest("tr").toggleClass("selected");
        });
    }

前两个工作正常，但数字 3 并没有取消选中复选框...任何想法为什么？但是课堂部分工作正常吗？？

谢谢

Answer 1

我猜它总是运行到 else 块（你调试过这个）？

试着写这个来检查复选框是否被选中：

if ($('#checkall').attr('checked'))

Answer 2

因为if ($('#checkall:checked') == true) 总是假的..

随便用

if ($('#checkall').is(':checked'))

或

if ( $('#checkall:checked').length )

---

评论后更新

将整个第三部分（所有 if/else）替换为

$('#checkall').live("change", function()
        {
            $('table input[name=choose]')
                 .attr('checked', this.checked)
                 .closest("tr")
                 .toggleClass("selected", this.checked);              
        });

http://jsfiddle.net/gaby/KqwsZ/1/ 上的演示