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

最新推荐文章于 2024-08-22 09:44:18 发布

weixin_34088583

最新推荐文章于 2024-08-22 09:44:18 发布

阅读量97

点赞数

文章标签： php javascript ViewUI

原文链接：http://www.cnblogs.com/zhezh/archive/2013/05/21/3773452.html

版权

首先是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/>";
} 
} 

?>

转载于:https://www.cnblogs.com/zhezh/archive/2013/05/21/3773452.html

weixin_34088583

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
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="Conten...
复制链接

扫一扫