js限制checkbox勾选个数及php获取多个checkbbox的简单示例

人气：340 时间：2020-12-21

这篇文章主要为大家详细介绍了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
/*   四海网 www.q1010.com   */

$course=$_POST['course'];
for($i=0;$i<count($course);$i++) 
{ 
if($course[$i]!="") 
{
echo $course[$i]."<br/>";
} 
} 
?>

本文来自：http://www.q1010.com/173/14953-0.html

注：关于js限制checkbox勾选个数及php获取多个checkbbox的简单示例的内容就先介绍到这里，更多相关文章的可以留意四海网的其他信息。

关键词：

您可能感兴趣的文章

上一篇：PHP的unset究竟释放内存的深入分析

下一篇：PHP 转义用法示例