【JavaScript】CheckBox复选框全选以及获取值
来源:互联网 发布:程序员自黑图 编辑:程序博客网 时间:2024/06/17 17:31
- <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>
- //这是在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复选框全选以及获取值
- CheckBox复选框全选以及获取值(转)
- JavaScript全选复选框checkbox效果
- JavaScript控制checkbox全选,以及获取checkbox文本
- html,javaScript中怎么控制复选框checkbox的全选,全不选,以及全选中,全选按钮选中,其中一个或者多个没选,则全选按钮不被选中
- html,javaScript中怎么控制复选框checkbox的全选,全不选,以及全选中,全选按钮选中,其中一个或者多个没选,则全选按钮不被选中
- HTML 复选框 checkbox 的 JavaScript 的全选和全反选
- javascript 获取checkbox复选框实例
- jquey操作checkbox,全选,单击,获取值,单击文字选中复选框
- checkbox复选框的全选和全不选
- 复选框(checkbox)全选--js代码
- jQuery复选框全选按钮checkbox
- Bootstrap之表格checkbox复选框全选
- js实现checkbox复选框全选/全不选
- checkbox复选框的全选事件
- Bootstrap之表格checkbox复选框全选
- JavaScript实现复选框全选
- jQuery获取--checkbox复选框的值
- 字节对齐详解
- COM原理及应用----可连接对象
- 关于linux下的路由
- 网关--形象趣味的阐述
- COM原理及应用---- 结构化存储
- 【JavaScript】CheckBox复选框全选以及获取值
- COM原理及应用----命名和绑定技术
- Office 2003 SP3 引入的bug
- ASP.Net实现将Word转换PDF格式
- Linux下route命令的输出信息的一些解释
- Apach Forrest 82个类似项目
- javascript读写XML文件
- C++程序设计学习要点
- Linux中Route命令了解