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)始终为false。

要么使用

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/