javascript 控制checkbox

来源:互联网 发布:win7开机加速软件 编辑:程序博客网 时间:2024/04/29 03:33
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
<script type="text/javascript">
 
  function c1()
  {
    var el =document.getElementsByTagName('input');
    var len = el.length;
    var str="";
    for(var i=0; i<len; i++)
    {
    if((el[i].type=="checkbox"))
    {
      if(el[i].checked) str+=el[i].value+"-";
    }
    }
    alert(str);
  }
  function checkme(obj)
  {
    if(obj.checked)
    {
      str+=obj.value+"-";
    }
  }
 
</script>
</head>

<body>
<form id="form1" name="form1" method="post" action="">
<div id="p1">
  <label>
  <input type="checkbox" name="checkbox" value="A"  />
    A</label>
  <label>
  <input type="checkbox" name="checkbox2" value="B"  />
  B</label>
  <label>
  <input type="checkbox" name="checkbox3" value="C"  />
  C</label>
  <label>
  <input type="checkbox" name="checkbox4" value="D"  />
  D</label>
  <label>TEST<br />
  <input type="button" name="Submit" value="提交" onclick="c1()" />
  </label>
  </div>
  <div id="p2">
  <label>
  <input type="checkbox" name="checkbox" value="E"  />
    A</label>
  <label>
  <input type="checkbox" name="checkbox2" value="F"  />
  B</label>
  <label>
  <input type="checkbox" name="checkbox3" value="G"  />
  C</label>
  <label>
  <input type="checkbox" name="checkbox4" value="H"  />
  D</label>
  <label>TEST<br />
  <input type="button" name="Submit" value="提交" onclick="c1()" />
  </label>
  </div>
</form>
</body>
</html>
原创粉丝点击