码迷,mamicode.com
首页 > 编程语言 > 详细

二维数组实现checkbox的分组多选

时间:2015-11-19 00:35:37      阅读:324      评论:0      收藏:0      [点我收藏+]

标签:

<html xmlns="http://www.w3.org/1999/xhtml">
  <head>
    <script language="javascript">
      function sel(obj,group){
          var list = [];
          var groups = 2;//每一组的个数
          //定义的时候按最多的算不够的用0填充
          var _TheArray = [
                      [document.getElementById("id1"),document.getElementById("id2")],
                      [document.getElementById("id3"),0],
                      [document.getElementById("id4"),document.getElementById("id5")]
                      ]
          for (var i=0;i<_TheArray.length;i++)
          {
              if(_TheArray[i][0] == obj || _TheArray[i][1] == obj )//不对选中项的同组进行操作
              {
                  continue;
              }
              for(var k = 0; k < groups; k++)
              {  
                _TheArray[i][k].checked = false; 
              }
          }
    } 
  </script>


</head>
<body>第一组: r1<input type="checkbox" name="r1" group="r1" id="id1" onClick="sel(this,‘r1‘)"/>
   r2<input type="checkbox" name="r1"  group="r1" id="id2" onClick="sel(this,‘r1‘)"><br/>
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp&nbsp;&nbsp;第二组: r3<input type="checkbox" name="r2"  group="r2" id="id3" onClick="sel(this,‘r2‘)"><br/>
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;第三组: r4<input type="checkbox"  name="r3" group="r3" id="id4" onClick="sel(this,‘r3‘)">
    r5<input type="checkbox"  name="r3" group="r3" id="id5" onClick="sel(this,‘r3‘)"><br/> </html>

 

二维数组实现checkbox的分组多选

标签:

原文地址:http://www.cnblogs.com/zheh/p/4976312.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!