熱點推薦:
您现在的位置: 電腦知識網 >> 編程 >> Java編程 >> JSP教程 >> 正文

js限制checkbox勾選的個數以及php獲取多個checkbbox的方法深入解析

2022-06-13   來源: JSP教程 
以下是對js限制checkbox勾選的個數以及php獲取多個checkbbox的方法進行了詳細的分析介紹需要的朋友可以參考下  

  首先是js限制checkbbox勾選個數的代碼

復制代碼 代碼如下:
<!DOCTYPE HTML PUBLIC "//WC//DTD HTML Transitional//EN"
"
<html>
<head>
<meta httpequiv="ContentType" content="text/html; charset=gb">
<title>限制復選框選擇的數量</title>
<script type="text/javascript" >
function  checkDate(n){
  var checkedCount=;
  for(var i=;i<myFormcourselength ;i ++){
  if(myFormcourse[i]checked){
     checkedCount++;

      }
  }
   if(checkedCount>n){

  alert("不能選超過三門課程");

       return false;

  }
  }

</script>
</head>
<body>
<form name="myForm" method="post" id="myForm" action="testphp">
請選擇這學期的選課(最多三門)<br>
<input type="checkbox" name="course[]" value="語文" onClick="return checkDate()">語文<br>
<input type="checkbox" name="course[]" value="數學" onClick="return checkDate()">數學<br>
<input type="checkbox" name="course[]" value="英語" onClick="return checkDate()">英語<br>
<input type="checkbox" name="course[]" value="化學" onClick="return checkDate()">化學<br>
<input type="checkbox" name="course[]" value="物理" onClick="return checkDate()">物理<br>
<input type="checkbox" name="course[]" value="政治" onClick="return checkDate()">政治<br>
<input type="submit" value="提交">
<input type="reset" value="取消">
</form>
</body>
</html>

  
然後是php文件獲得checkbbox的方法

復制代碼 代碼如下:
<?php
$course=$_POST[course];
for($i=;$i<count($course);$i++)
{
if($course[$i]!="")
{
echo $course[$i]"<br/>";
}
}
?>
From:http://tw.wingwit.com/Article/program/Java/JSP/201311/20240.html
    推薦文章
    Copyright © 2005-2022 電腦知識網 Computer Knowledge   All rights reserved.