使用jquery操作checkbox的问题

路遥 发布于 2011/10/13 16:48
阅读 3K+
收藏 0
先贴上代码:
<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&nbsp; 
<input type="checkbox" id="check12" value='2' onchange="changeCheck1(this);return false;"/>check12&nbsp; 
<input type="checkbox" id="check13" value='3' onchange="changeCheck1(this);return false;"/>check13&nbsp; 
<input type="checkbox" id="check14" value='4' onchange="changeCheck1(this);return false;"/>check14&nbsp; 
</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&nbsp; 
<input type="checkbox" id="check22" value='2' onchange="changeCheck2(this);return false;"/>check22&nbsp; 
<input type="checkbox" id="check23" value='3' onchange="changeCheck2(this);return false;"/>check23&nbsp; 
<input type="checkbox" id="check24" value='4' onchange="changeCheck2(this);return false;"/>check24&nbsp; 
</div> 
</body> 
</html> 

两部分的checkBox互相动态关联,为什么在IE下就不能同步,其他火狐和chrome下都没问题啊

加载中
0
绝对零度
绝对零度

代码先这么简化下把:

function changeCheck1(obj){
    $("#check2" + $(obj).val()).attr("checked", $(obj).attr("checked"));
}

function changeCheck2(obj){
    $("#check1" + $(obj).val()).attr("checked", $(obj).attr("checked"));
}

 

OSCHINA
登录后可查看更多优质内容
返回顶部
顶部