js限制checkbox勾选的个数以及php获取多个checkbbox的方法深入解析

首先是js限制checkbbox勾选个数的代码:

  

复制代码 代码如下:

  <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"

  "http://www.w3.org/TR/html4/loose.dtd">

  <html>

  <head>

  <meta http-equiv="Content-Type" content="text/html; charset=gb2312">

  <title>限制复选框选择的数量</title>

  <script type="text/javascript" >

  function  checkDate(n){

  var checkedCount=0;

  for(var i=0;i<myForm.course.length ;i ++){

  if(myForm.course[i].checked){

  checkedCount++;

  }

  }

  if(checkedCount>n){

  alert("不能选超过三门课程");

  return false;

  }

  }

  </script>

  </head>

  <body>

  <form name="myForm" method="post" id="myForm" action="test.php">

  请选择这学期的选课(最多三门):<br>

  <input type="checkbox" name="course[]" value="语文" onClick="return checkDate(3)">语文<br>

  <input type="checkbox" name="course[]" value="数学" onClick="return checkDate(3)">数学<br>

  <input type="checkbox" name="course[]" value="英语" onClick="return checkDate(3)">英语<br>

  <input type="checkbox" name="course[]" value="化学" onClick="return checkDate(3)">化学<br>

  <input type="checkbox" name="course[]" value="物理" onClick="return checkDate(3)">物理<br>

  <input type="checkbox" name="course[]" value="政治" onClick="return checkDate(3)">政治<br>

  <input type="submit" value="提交">

  <input type="reset" value="取消">

  </form>

  </body>

  </html>

  然后是php文件获得checkbbox的方法:

  

复制代码 代码如下:

  <?php

  $course=$_POST['course'];

  for($i=0;$i<count($course);$i++)

  {

  if($course[$i]!="")

  {

  echo $course[$i]."<br/>";

  }

  }

  ?>