说三道四技术文摘-感悟人生的经典句子
说三道四 > 文档快照

checkbox个数统计

编辑:说三道四文库 发布时间:2018-07-23 03:55
HTML文档下载 WORD文档下载 PDF文档下载
我在页面中有10个“复选框”(checkbox),且名字相同,都是mycheckbox。当用户点提交按钮时,我怎么能统计出他选定了几个“复选框”呢?

谢谢。望不吝赐教。
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>无标题文档</title>
</head>
<script language="javascript">
function countnum()
{
  var num=0;
  for(var i=0;i<document.all["mycheckbox"].length;i++)
  {
    if(document.all["mycheckbox"][i].checked==true)
{
  num = num+1
}
  }
  alert(num)
}
</script>
<body>
  <input type="submit" name="Submit" value="提交" onClick="countnum()">
  <input type="checkbox" name="mycheckbox" value="checkbox" id="mycheckbox">
  <input type="checkbox" name="mycheckbox" value="checkbox" id="mycheckbox">
  <input type="checkbox" name="mycheckbox" value="checkbox" id="mycheckbox">
  <input type="checkbox" name="mycheckbox" value="checkbox" id="mycheckbox">
  <input name="mycheckbox" type="checkbox" value="checkbox" id="mycheckbox">
  <input type="text" name="num">
</body>
</html>
to:PPLUNCLE(.NET学习中-人是逼出来的!) 
试试这个结果:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>无标题文档</title>
</head>
<script language="javascript">
function countnum()
{
  var num=0;
  for(var i=0;i<document.all["mycheckbox"].length;i++)
  {
    if(document.all["mycheckbox"][i].checked==true)
{
  num = num+1
}
  }
  alert(num)
}
</script>
<body>
  <input type="submit" name="Submit" value="提交" onClick="countnum()">
  <input type="checkbox" name="mycheckbox" value="checkbox" id="mycheckbox">
  <input type="text" name="num">
</body>
</html>
备案号:鲁ICP备13029499号-2 说三道四 www.s3d4.cn 说三道四技术文摘