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

程序员文章站 2023-11-30 15:35:52

首先是js限制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/>";
} 
} 
?>

上一篇： CSS3实现瀑布流布局与无限加载图片相册的实例代码

下一篇： php中的常用魔术方法总结