复选框 全选 以及 获取所有选中的值
复选框 全选 以及 获取所有选中的值
总结一下
jsp中获取 数据
<%Map<String,List> map = (Map<String,List>)Function.getAttribute(request, "mapList");List<String[]> lsUser = map.get("lsUser"); %>
循环 集合 追加 复选框
<input type="radio" name="lang" value="all" onclick="f_all(this)"><span>全选</span>
<table>
<%for(int i=0; i<lsUser.size(); i++){String[] userInfo = lsUser.get(i);if(i%7 == 0){%><tr><%}%><td><input type="checkbox" name="chk" id="chk" value="<%=userInfo[0] %>"><span><%=userInfo[1] %></span></td><%}%></table>
**
js:全选
**
//选择所有function f_all(obj){var checkboxs = document.getElementsByName("chk");for ( var i = 0; i < checkboxs.length; i+=1) {checkboxs[i].checked = obj.checked;}}
获取值
function del(){var userid = '';var obj = document.getElementsByName("chk");var tag = 0;for(var i=0; i<obj.length; i++){var objchk = obj[i];if((!objchk.disabled) && (objchk.checked)){if(tag == 0){userid = objchk.value;tag = 1;}else{userid += ','+objchk.value;}}}alert(userid); // 21450,14562,25468,35256
复选框 全选 以及 获取所有选中的值相关推荐
- 小程序实现复选框全选和取消全选
页面逻辑是,在小程序复选框列表页面上单独放一个复选框用于全选(设置class为position: fixed;即可固定在页面上),当点击全选时,页面所有复选框都会勾上,再次点击后页面所有复选框的打√都 ...
- Jquery 复选框全选与反选点击执行一次然后失效解决方案
Jquery 复选框全选与反选点击执行一次然后失效解决方案 参考文章: (1)Jquery 复选框全选与反选点击执行一次然后失效解决方案 (2)https://www.cnblogs.com/feng ...
- 复选框全选效果,根据单个复选框的选择情况确定全选复选框是否被选
复选框全选与全不选效果 逻辑:复选框的checked属性与复选框全选效果对应起来,全选复选框checked:true 时,全部复选框checked:true: 全选框checked:false 时,全 ...
- JS 原生实现复选框全选反选功能
** JS 原生实现复选框全选反选功能 ** 按钮功能实现思路: 全选按钮: 直接将全选按钮的状态赋值给每一个 复选框. 复选框:只有当所有的复选框选中时,全选按钮才能选中,所以每当复选框每点击一次就 ...
- jQuery中的几个案例:隔行变色、复选框全选和全不选
1 表格隔行变色 1 技术分析: 1 )基本过滤选择器: odd: even: 2 )jq添加和移除样式: addClass(); removeClass(); 2 代码实现 <script s ...
- 自制jQuery 复选框全选与反选插件
(function ($) { //复选框全选 $.fn.checkAll = function (options) { var defaults = { chName:"checkName ...
- html复选框全选怎么实现,js html css实现复选框全选与反选
本文实例为大家分享了js复选框全选与反选实现代码,供大家参考,具体内容如下 html+css+js实现复选框全选与反选 table,tr,td { border:1px solid red; } fu ...
- html 怎么整体全选功能,html复选框全选按钮
如何用html做复选框全选中和全不选中 html中实现单击单击一个按钮实现全部选中,在点击一 function selectAllDels() { var allCheckBoxs = documen ...
- react实现全选和反选_react实现复选框全选和反选组件效果
本文实例为大家分享了react实现复选框全选和反选组件的具体代码,供大家参考,具体内容如下 运行效果图如下: 代码: import React, { Component } from 'react'; ...
最新文章
- iOS之深入解析dyld与ObjC关联的底层原理
- Maven Scope取值的含义
- android 弹窗 onpause,Android 下拉通知栏时Activity的生命周期——重新理解onPause()
- 【系统架构设计师】软考高级职称,一次通过,倾尽所有,2013年下半年系统架构设计师考试论文真题(论软件可靠性设计技术的应用)
- 西瓜书《机器学习》决策树IDW3, C4.5公式推导
- 关于降低锁的竞争程度------从奶爸的角度思考
- 使用Data URI Scheme优雅的实现前端导出csv
- UnityShader6:最简单的顶点/片元着色器
- CentOS7 安装管理KVM虚拟机
- 百度如流首发AI智能办公标准 ,BATH持续发力企业办公
- Windows常见错误
- 就业和工作?毕业生何去何从?
- Micheal Jackson 离开了我们
- MySQL 在线一键安装
- 微信步数C语言程序,获取微信步数 - osc_1v2pb1nt的个人空间 - OSCHINA - 中文开源技术交流社区...
- 关于uboot的简介——uboot常用的命令
- MAIGO的同济题解2
- “破产清算”的拉夏贝尔,不会是最后一个
- python提供数字类型包括_Python 语言提供的 3 个基本数字类型是( )_学小易找答案...
- Cisco AP-ROMMON升级AP镜像
热门文章
- PingCAP 完成 D 轮 2.7 亿美元融资,创造全球数据库历史新的里程碑
- 极米Z6X Pro怎么样?极米Z6X Pro亮度如何?极米Z6X Pro值得入手吗?
- 纺织企业举步维艰,小微纺织企业该如何做?
- 日常瘦脸8个关键细节
- ios 扇形 按钮_iOS开发教程之扇形动画的实现
- 在2021年为七夕Python程序与Docker牵线配对
- 士兵杀敌(coduck)
- 哪些自媒体平台收益高,每个自媒体平台的优势,新手抓紧收藏
- java计算机毕业设计乒乓球俱乐部管理源码+系统+数据库+lw文档+mybatis+运行部署
- 搬砖试金石!github星标7W算法刷题宝典,还愁拿不下大厂offer?