日期:2014-05-16  浏览次数:20404 次

JQuery操作checkBox时的浏览器兼容问题

一个很简单的操作,就是给checkBox打上勾和去掉勾,为什么在IE6 7 8 下没有问题,但是在IE9 Chrome下,第一次点击add再点击remove可以,但是再重复点击的话就没有效果了,checkbox的勾就勾不上了,请问这是为什么?
代码如下:


<head runat="server">
    <title></title>
    <script src="../js/jquery-1.10.2.js" type="text/javascript"></script>
    <script type="text/javascript">
        function addCheck() {
            $("#CheckBox1").attr("checked", true);
        }

        function removeClick() {
            $("#CheckBox1").attr("checked", false);
        }
    </script>
</head>
<body>
    <form id="form1" runat="server">
    <div>
         <input type="checkbox" id="CheckBox1" />
        <input type="button" value="add" onclick="addCheck()" />
        <input type="button" value="remove" onclick="removeClick()" />
    </div>
    </form>
</body>

jquery checkbox chrome ie9 浏览器

------解决方案--------------------
 $("#CheckBox1").prop("checked", true);
attr 都改成 prop
------解决方案--------------------
参考:jquery-1.6+