jquery - 使用 jQuery 进行复选框

Question

这是 jsfiddle http://jsfiddle.net/6mk7m/9/

我在 stackoverflow 上发现我需要注册 jsfiddle 帐户，这样我就可以向你们展示代码以便于阅读，(对不起大家)如果我的英语不太好，

我目前正在学习 jQuery，无论如何，我不是专家，只是一个“初学者”，

我做了一个复选框，并给了它一个 id = all

<input type="checkbox" id="all" /><span style='color:red'>All</span>

我想要的是，当我点击带有特定 id = all 的复选框时，我想选中下面列出的这 3 个复选框

<input type="checkbox" name="us[]" value="google" />Google
<input type="checkbox" name="us[]" value="youtube" />Youtube
<input type="checkbox" name="us[]" value="friend" />Friend<br/><br/>

所以这是我想出的代码，

<script type="text/javascript">

$("document").ready(function() {


    $("input[id='all']").bind('click',function(){

        var all = $(this);

        console.log('status: ' + all.prop('checked'));


        if(all.prop('checked') == true)
        {
            //alert('now its true');
            $("input:checkbox").attr("checked","checked");
        }
        else if (all.prop('checked') == false){
            $("input:checkbox").removeAttr("checked");
        }

    })
})  
 </script>

当我单击 id = all 的复选框时(它会选择所有复选框)

现在，当我第二次单击 id = all 的复选框时(它取消选中所有复选框)

到目前为止一切顺利

现在，当我第三次单击 id = all 的复选框时出现问题

(它不会检查任何复选框)但是，当我检查控制台时，我看到所有属性都等于选中 - 但我没有看到它们在浏览器上选中的复选框，我的意思是这些复选框中间没有这个勾号标记每个盒子，也许代码有问题，我只是不明白为什么当我想点击超过 3 次时它不起作用。

Answer 1

这是一个具有正确行为的 jsFiddle。从 jQuery 的最新版本开始，命令 prop() 应该用于更改元素的属性(而不是属性)。

http://jsfiddle.net/6mk7m/10/

请参阅下面的代码:

    if(all.prop('checked') == true)
    {
        //alert('now its true');
        $("input:checkbox").prop("checked",true);
    }
    else if (all.prop('checked') == false){
        $("input:checkbox").prop("checked",false);
    }