使用jquery操作checkbox的问题
先贴上代码：
<html>
<head>
<title>测试checkbox</title>
<script type="text/javascript" src="jquery.js"></script>
<script>
function changeCheck1(obj){
var id="#check2"+$(obj).val();
if($(obj).attr("checked")){
$(id).attr("checked",true);
}else{
$(id).attr("checked",false);
}
}
function changeCheck2(obj){
var id="#check1"+$(obj).val();
if($(obj).attr("checked")){
$(id).attr("checked",true);
}else{
$(id).attr("checked",false);
}
}
</script>
</head>
<body>
<div id="check1" style="float:left;width:100%;">
<input type="checkbox" id="check11" value='1' onchange="changeCheck1(this);return false;"/>check11
<input type="checkbox" id="check12" value='2' onchange="changeCheck1(this);return false;"/>check12
<input type="checkbox" id="check13" value='3' onchange="changeCheck1(this);return false;"/>check13
<input type="checkbox" id="check14" value='4' onchange="changeCheck1(this);return false;"/>check14
</div>
<div class="clear" style="float:left;height:30px;"></div>
<div id="check2" style="float:left;width:100%;">
<input type="checkbox" id="check21" value='1' onchange="changeCheck2(this);return false;"/>check21
<input type="checkbox" id="check22" value='2' onchange="changeCheck2(this);return false;"/>check22
<input type="checkbox" id="check23" value='3' onchange="changeCheck2(this);return false;"/>check23
<input type="checkbox" id="check24" value='4' onchange="changeCheck2(this);return false;"/>check24
</div>
</body>
</html>
两部分的checkBox互相动态关联，为什么在IE下就不能同步，其他火狐和chrome下都没问题啊
展开
收起
1
条回答
写回答
写回答
-
代码先这么简化下把：
function changeCheck1(obj){ $("#check2" + $(obj).val()).attr("checked", $(obj).attr("checked")); } function changeCheck2(obj){ $("#check1" + $(obj).val()).attr("checked", $(obj).attr("checked")); }2019-07-17 19:51:35赞同 展开评论 打赏
版权声明：本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。
相关问答
