CheckBox复选框全选以及获取值
2013-08-11 09:33
399 查看
<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312"> <title>复选框的全选</title> </head> <body> <script language="JavaScript" type="text/JavaScript"> /* 是否全选标记 */ var checkedAll = false; /* 全选/取消全选 * formName 所在form的name值 * checkboxName checkbox的name值 * 注意:所有checkbox的name值都必须一样,这样才能达到全选的效果 */ function selectAll(formName,checkboxName){ var form = document.all.item(formName); var elements = form.elements[checkboxName]; for (var i=0;i<elements.length;i++){ var e = elements[i]; if(checkedAll){ e.checked = false; form.alls.checked = false; } else { e.checked = true; form.alls.checked = true; } } if(checkedAll){ checkedAll = false; } else { checkedAll = true; } } /* 检查是否有checkbox被选中 * formName 所在form的name值 * checkboxName checkbox的name值 * 注意:所有checkbox的name值都必须一样,这样才能达到全选的效果 */ function checkAll(formName,checkboxName){ var hasCheck = false; var form = document.all.item(formName); var elements = form.elements[checkboxName]; for (var i=0;i<elements.length;i++){ var e = elements[i]; if(e.checked){ hasCheck = true; } } return hasCheck; } /* 执行操作 */ function do_action(){ if (!checkAll("formName","no")){ alert("没有checkbox被选中,提示用户至少选择一个!"); } else { alert("已有checkbox被选中,可以继续后续操作!"); } } </script> <form name="formName" method="get"> <table id="dataList" width="200" align="center" border="1"> <tr> <td><input type="checkbox" name="alls" onClick="selectAll('formName','no')" title="全选/取消全选"> </td> <td align="center"> 学号 </td> <td align="center"> 姓名 </td> </tr> <tr> <td><input type="checkbox" name="no" value="001" title="选择/不选择"> </td> <td> 001 </td> <td> 张三 </td> </tr> <tr> <td><input type="checkbox" name="no" value="002" title="选择/不选择"> </td> <td> 002 </td> <td> 李四 </td> </tr> </table> <p align="center"><input type="button" name="actionButton" value="操作" onClick="do_action()"></p> </form> </body> </html>
后台Servlet获取值的代码:
//这是在java代码中获取checkbox的值 String type = ""; String[] type1 = request.getParameterValues("checkbox1"); for (int i = 0; i < type1.length; i++) { type += type1[i] + ","; } System.out.println(type);
相关文章推荐
- 【JavaScript】CheckBox复选框全选以及获取值
- html,javaScript中怎么控制复选框checkbox的全选,全不选,以及全选中,全选按钮选中,其中一个或者多个没选,则全选按钮不被选中
- Jquery 实现动态加入table tr 和删除tr 以及checkbox的全选 和 获取加入TR删除TR后的数据
- 多个checkbox全选和获取已选择的checkbox的demo以及自定义属性的使用
- html,javaScript中怎么控制复选框checkbox的全选,全不选,以及全选中,全选按钮选中,其中一个或者多个没选,则全选按钮不被选中
- jQuery判断checkbox(复选框)是否被选中以及全选、反选实现代码
- jquery 循环获取checkBox的值,以及对复选框选中,取消,操作按钮
- TreeView CheckBox全选 以及获取选中的值
- jquery checkbox 复选框多次点击判断选中状态,以及全选/取消的代码示例
- js加载数据列表,以及checkbox复选框全选
- jQuery实现CheckBox全选、全不选以及获取选中的值
- Jquery 实现动态添加table tr 和删除tr 以及checkbox的全选 和 获取添加TR删除TR后的数据
- jquey操作checkbox,全选,单击,获取值,单击文字选中复选框
- jquery 循环获取checkBox的值,以及对复选框选中,取消,操作按钮
- 关于css中树形的开闭以及复选框checkbox如何全选取消的实现
- jQuery判断checkbox(复选框)是否被选中以及全选、反选实现代码
- 使用JQuery获取被选中的checkbox的value值 以及全选、反选
- jquery对表单checkbox复选框的操作例子(全选,反选,获取选取值)
- JavaScript控制checkbox全选,以及获取checkbox文本
- jquery实现checkbox全选,选择性勾选,以及table中点击tr中任意一行实现选中或不选中