js如何限制checkbox勾選的個(gè)數(shù)以及php獲取多個(gè)checkbbox的方法

發(fā)布時(shí)間：2021-10-08 14:28:05 來(lái)源：億速云閱讀：141 作者：小新欄目：開(kāi)發(fā)技術(shù)

這篇文章給大家分享的是有關(guān)js如何限制checkbox勾選的個(gè)數(shù)以及php獲取多個(gè)checkbbox的方法的內(nèi)容。小編覺(jué)得挺實(shí)用的，因此分享給大家做個(gè)參考，一起跟隨小編過(guò)來(lái)看看吧。

首先是js限制checkbbox勾選個(gè)數(shù)的代碼：

代碼如下:

<!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>限制復(fù)選框選擇的數(shù)量</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("不能選超過(guò)三門課程");

       return false;

}
}

</script>
</head>
<body>
<form name="myForm" method="post" id="myForm" action="test.php">
請(qǐng)選擇這學(xué)期的選課(最多三門)：<br>
<input type="checkbox" name="course[]" value="語(yǔ)文" onClick="return checkDate(3)">語(yǔ)文<br>
<input type="checkbox" name="course[]" value="數(shù)學(xué)" onClick="return checkDate(3)">數(shù)學(xué)<br>
<input type="checkbox" name="course[]" value="英語(yǔ)" onClick="return checkDate(3)">英語(yǔ)<br>
<input type="checkbox" name="course[]" value="化學(xué)" onClick="return checkDate(3)">化學(xué)<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/>";
}
}
?>

感謝各位的閱讀！關(guān)于“js如何限制checkbox勾選的個(gè)數(shù)以及php獲取多個(gè)checkbbox的方法”這篇文章就分享到這里了，希望以上內(nèi)容可以對(duì)大家有一定的幫助，讓大家可以學(xué)到更多知識(shí)，如果覺(jué)得文章不錯(cuò)，可以把它分享出去讓更多的人看到吧！

向AI問(wèn)一下細(xì)節(jié)

js如何限制checkbox勾選的個(gè)數(shù)以及php獲取多個(gè)checkbbox的方法

猜你喜歡

最新資訊

相關(guān)推薦

相關(guān)標(biāo)簽