开发者社区> 问答> 正文

使用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&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下都没问题啊

展开
收起
a123456678 2016-07-05 16:16:39 1857 0
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
    赞同 展开评论 打赏
问答排行榜
最热
最新

相关课程

更多

相关电子书

更多
低代码开发师(初级)实战教程 立即下载
冬季实战营第三期:MySQL数据库进阶实战 立即下载
阿里巴巴DevOps 最佳实践手册 立即下载