<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下都没问题啊
代码先这么简化下把:
function changeCheck1(obj){
$("#check2" + $(obj).val()).attr("checked", $(obj).attr("checked"));
}
function changeCheck2(obj){
$("#check1" + $(obj).val()).attr("checked", $(obj).attr("checked"));
}