jQuery的验证复选框困惑？

Question

知道为什么这段代码会不断说下去，并且怎么会不起作用吗？

$('#myCheckbox').click(function() {
    if ( $('#myCheckbox').attr('checked')) {
        alert("on");
    } else {
        alert("off");
    }
});

这里的例子

http://jsfiddle.net/BFf5H/

Answer 1

1）使用添加到jQuery 1.6的道具（我想）

$('#myCheckbox').click(function() {
    if ( $(this).prop('checked')) {
        alert("on");
    } else {
        alert("off");
    }
});

2）用途是检查状态

尝试这个：

$('#myCheckbox').click(function() {
        if ( $(this).is(':checked')) {
            alert("on");
        } else {
            alert("off");
        }
    });

工作示例： http : //jsfiddle.net/BFf5H/2/

3）@Felix的建议试试这个：

$('#myCheckbox').click(function() {
        if ( this.checked) {
            alert("on");
        } else {
            alert("off");
        }
    });

编辑：

根据OP备用解决方案提供的URL：

$(".styled").change(function(){
  if(this.checked){
   alert("On");
  } else {
   alert("Off");
  }
})

Answer 2

尝试：

$('#myCheckbox').click(function() {
    if ( $(this).is(':checked')) {
        alert("on");
    } else {
        alert("off");
    }
});

Answer 3

<html>

    <head>

        <script src="http://www.google.com/jsapi" type="text/javascript"></script>
        <script type="text/javascript">google.load("jquery", "1");</script>
        <script type="text/javascript">

            $(document).ready(
                function() 
                {
                    $('#myCheckbox').click(
                        function() 
                        {   
                            if( $(this).attr('checked') == 'checked' )
                            {
                                alert('yes');
                            }
                            else
                            {
                                alert('no');
                            }
                        }
                    );
                }
            );

        </script>

    </head>

    <body>

        <input type="checkbox" checked="checked" id="myCheckbox" />

    </body>

</html>

下载此解决方案

jQuery的验证复选框困惑？

问题描述

3 个解决方案

解决方案1
4 已采纳 2011-06-23 15:48:18

解决方案2
1 2011-06-23 15:49:19

解决方案3
0 2011-06-23 15:58:37

jQuery的验证复选框困惑？

问题描述

3 个解决方案

解决方案1 4 已采纳 2011-06-23 15:48:18

解决方案2 1 2011-06-23 15:49:19

解决方案3 0 2011-06-23 15:58:37

解决方案1
4 已采纳 2011-06-23 15:48:18

解决方案2
1 2011-06-23 15:49:19

解决方案3
0 2011-06-23 15:58:37