JQuery操作checkBox时的浏览器兼容有关问题
JQuery操作checkBox时的浏览器兼容问题
一个很简单的操作,就是给checkBox打上勾和去掉勾,为什么在IE6 7 8 下没有问题,但是在IE9 Chrome下,第一次点击add再点击remove可以,但是再重复点击的话就没有效果了,checkbox的勾就勾不上了,请问这是为什么?
代码如下:
------解决方案--------------------
$("#CheckBox1").prop("checked", true);
attr 都改成 prop
------解决方案--------------------
参考:jquery-1.6+
一个很简单的操作,就是给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+