js限制checkbox选项个数 php获取多个checkbbox的方法

分享下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/>";

} 

} 

?>

你可能感兴趣的:(checkbox)