js限制checkbox选项个数与php获取多个checkbbox_js限制checkbox选项个数 php-CSDN博客

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

1，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>限制复选框选择的数量-www.jbxue.com-脚本学堂</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>

2，php文件获得checkbbox的方法：

<? php

/**
* 获取checkbox的值
* edit by www.jbxue.com
*/
$course=$_POST['course'];
for($i=0;$i<count($course);$i++) 
{ 
if($course[$i]!="") 
{
echo $course[$i]."<br/>";
} 
} 
?>