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="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/>";
}
}
?>

(0)

相关推荐

  • php checkbox复选框值的获取与checkbox默认值输出方法

    php获取 checkbox复选框值的方法 复制代码 代码如下: <html xmlns="http://www.jb51.net/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <title>php获取 checkbox复选框值的方法</title> &

  • php一次性删除前台checkbox多选内容的方法

    复制代码 代码如下: SQL:$SQL="delete from `doing` where id in ('1,2,3,4')"; 数据用逗号隔开. 表单: 复制代码 代码如下: <form action="?action=doing" method="post"> <input name="ID_Dele[]" type="checkbox" id="ID_Dele[]&qu

  • PHP中在数据库中保存Checkbox数据(1)

    介绍 checkbox是一个非常有用的页面表单项,在让用户进行多重选择的情况下,它甚至可以允许用户选择全部项目或是一个都不选.但是,尽管这是一个非常优秀的表单元素,但在我们的工作中,在如何正确地保存选择项这方面总存在一些易混淆的情况发生.本文将描述在遵循好的数据库设计原则的方法下,如何把checkbox选择项正确地保存在数据库中. 要求 本文将阐述如何把选择项正确地保存在用户数据库中的方法.尽管这里包括了有用的PHP代码,但我将从数据库设计的观点来表达它们,所以,你可以很方便地使用任何一个数据库

  • PHP中在数据库中保存Checkbox数据(2)

    这代码是非常简单的,你很快地就看完了吧.主要的工作有两个函数完成:"get_checkbox_labels" 和 "make_checkbox_html".其中 "get_checkbox_labels" 查询表const_skills 并且返回一个对象数组,每一个对象有一个id值和相应的技能名称.我们传送这个数组和其它一些参数给"make_checkbox_html" ,这个函数将返回一个字串,用来生成checkbox的ht

  • php select,radio和checkbox默认选择的实现方法

    这是扩展yibing的select默认选择的实现方法 复制代码 代码如下: <select name="wuyeleixing" size="1"> <option <?php if($myrow[wuyeleixing]==1) echo("selected");?> value="1">住宅</option> <option <?php if($myrow[wuy

  • PHP中CheckBox多选框上传失败的代码写法

    用惯Java和其他语言的时候,表单上传只需要checkbox的name相同的时候就可以上传了 <input type="checkbox" name="checkbox" value="1"> 选项 <input type="checkbox" name="checkbox" value="2"> 选项 <input type="checkbox&

  • PHP简单获取多个checkbox值的方法

    本文实例讲述了PHP简单获取多个checkbox值的方法.分享给大家供大家参考,具体如下: HTML页面: <html> <head> </head> <body> <form name="myform" enctype="multipart/form-data" action="index2.php" method="post"> 兴趣爱好:<input ty

  • php 用checkbox一次性删除多条记录的方法

    一个简单示例 现有一个学生信息数据库,需要一次性删除多条记录 创建一个名为del.php的文件 代码如下: 复制代码 代码如下: <form action="sc.php" method=post> <table border=1 width=60% align=center> <caption>学生信息表</caption> <th>选项</th><th>学号</th><th>

  • php checkbox 取值详细说明

    设我们有一个html页面,代码如下: 复制代码 代码如下: <FORM method="post" action="checkTest.php"> <INPUT name="test[]" type="checkbox" value="1" /> <INPUT type="checkbox" name="test[]" value=&qu

  • 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="Content-Type" content="text/

  • 基于JS实现checkbox全选功能实例代码

    需求:要求实现点击全选选中所有菜单,再次点击全选取消选中.此功能经常会用户,下面小编给大家分享下实现代码,一起看看吧! 效果图如下: 点击全选之前: 点击全选之后: 再次点击全选之后: 代码如下: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> &l

  • js实现checkbox全选、不选与反选的方法

    本文实例讲述了js实现checkbox全选.不选与反选的方法.分享给大家供大家参考.具体分析如下: 一.思路: 1. 获取元素 2. 给全选 不选 反选添加点击事件 3. 用for循环checkbox 4. 把checkbox的checked设置为true即实现全选 5. 把checkbox的checked设置为false即实现不选 6. 通过if判断,如果checked为true选中状态的,就把checked设为false不选状态,如果checked为false不选状态的,就把checked设

  • vue checkbox 全选 数据的绑定及获取和计算方法

    html <input type='checkbox' v-model='checkboxModel' :value='z.coach_id+"-"+z.amount' :i="dianji" @click="lll"> 第一个CheckBox <span><input type='checkbox' v-model='checked' v-on:click='checkedAll'><span clas

  • jquery.tagsinput.js实现记录checkbox勾选的顺序

    业务需求:可以根据checkbox的先后勾选传递有顺序的值让后台接收,决定用tagsinput显示checkbox的先后勾选顺序,并实时响应checkbox的勾选状态 思路:checkbox的值存在一个数组A,新创建一个数组B,如果选中一个,B push一个值,取消一个,remove一个值,因为数组是有序的,就做到响应checkbox的勾选顺序 效果: 代码: <!DOCTYPE html> <html> <head> <meta charset="UT

  • JS实现CheckBox复选框全选全不选功能

    CheckBox控件就是我们一般所说的复选框,通常用于某选项的打开或关闭.大多数应用程序的"设置"对话框内均有此控件.我们看到的可以打勾的就是CheckBox. 该控件表明一个特定的状态(即选项)是选定 (on,值为1) 还是清除 (off,值为0).在应用程序中使用该控件为用户提供"True/False"或"yes/no"的选择.因为 CheckBox 彼此独立工作,所以用户可以同时选择任意多个 CheckBox,进行选项组合. CheckBo

  • JS实现CheckBox复选框全选、不选或全不选功能

    CheckBox控件表明一个特定的状态(即选项)是选定 (on,值为1) 还是清除 (off,值为0).在应用程序中使用该控件为用户提供"True/False"或"yes/no"的选择.因为 CheckBox 彼此独立工作,所以用户可以同时选择任意多个 CheckBox,进行选项组合. CheckBox复选框JS实现全选.不选.全不选功能,很简单,具体内容如下 思路: 1.获取元素 2.给全选 不选 反选添加点击事件 3.用for循环checkbox 4.把chec

  • checkbox勾选判断代码分析

    复制代码 代码如下: var xieYi=document.getElementById("xieYi");if(!xieYi.checked){    alert("请先阅读并勾选注册协议!");    return;     } 最开始这样写,不过并不是所有的情况都需要勾选这个协议,协议有时不会在前台页面显示,所以改了第二种 复制代码 代码如下: var xieYi=document.getElementById("xieYi");    i

  • js实现checkbox全选和反选示例

    复选框全选示例 复制代码 代码如下: <input type="checkbox" name="selectall" value=on onclick="selectAll()"> function selectAll(form) { var obj = document.getElementsByName('selectall'); var cks = document.getElementsByTagName("inpu

  • JS+JSP checkBox 全选具体实现

    复制代码 代码如下: <script> function func(){ var options=document.getElementsByName("chkBox"); for (var i=0;i<options.length;i++){ if(!options[i].disabled){ options[i].checked=true; } } } </script> <input type=checkbox name=chkBox valu

随机推荐