首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > JavaScript >

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

2013-09-22 
JQuery操作checkBox时的浏览器兼容问题一个很简单的操作,就是给checkBox打上勾和去掉勾,为什么在IE6 7 8

JQuery操作checkBox时的浏览器兼容问题
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+

热点排行