checkbox做全部选中,全部取消效果
批量选中、取消多个checkbox的用法很简单,这个功能也很常用。这里做个总结。
在HTML中的写法:
<div id="ftpFileDownTr">
<button onclick="getBatchValues();" value="获取批量选择的值"/>
</div>
<table>
<tr id="ftpFileTitle">
<th>
<input type="checkbox" onclick="checkAll(this.checked)"/>全部选中/全部取消
</th>
<th>文件名称</th>
<th>文件大小</th>
<th>文件进度</th>
<th>文件状态</th>
<th>操作</th>
</tr>
<tr>
<td>
<input type="checkbox" name="checkOne" value="a"/>
</td>
<td>文件名a</td>
<td>100M</td>
<td>10%</td>
<td>状态1</td>
<td>操作1</td>
</tr>
<tr>
<td>
<input type="checkbox" name="checkOne" value="b"/>
</td>
<td>文件名b</td>
<td>100M</td>
<td>10%</td>
<td>状态2</td>
<td>操作2</td>
</tr>
<tr>
<td>
<input type="checkbox" name="checkOne" value="a"/>
</td>
<td>文件名c</td>
<td>100M</td>
<td>10%</td>
<td>状态3</td>
<td>操作3</td>
</tr>
</table>
checkbox批量选择、批量取消效果的js写法:
function checkAll(checked){//批量选择、批量取消
$('input[name="checkOne"]').attr("checked",checked);
}
获取批量选中的checkbox的值的方法:
function getBatchValues(ctx){
var checkedArr=$("input[name='checkOne']:checked");
if (checkedArr.length == 0){
alert("至少要选择一条数据");
return false;
}
var valueStr="";//值以","为分隔符
for(var i=0;i<checkedArr.length;i++){
if(i==0){
valueStr+=$(checkedArr[i]).val();
}else{
valueStr+=","+$(checkedArr[i]).val();
}
}
alert(valueStr);
}
就这样。
在后台java程序中:
private String checkOne;//后台获取到的属性值,是所有name=checkOne的表单值的总和,以","分隔
public void setCheckOne(String checkOne){
this.checkOne=checkOne;
}
public String getCheckOne(){
return checkOne;
}
checkbox做全部选中,全部取消效果的更多相关文章
- jQuery操作复选框checkbox技巧总结 ---- 设置选中、取消选中、获取被选中的值、判断是否选中等
转载:https://blog.csdn.net/chenchunlin526/article/details/77448168 jQuery操作复选框checkbox技巧总结 --- 设置选中.取消 ...
- 黄聪:JQUERY判断操作CHECKBOX选中、取消选中、反选、第二次无法选中的问题
用JQuery做CheckBox全选和反选的时候,遇到一个问题.当用JQ控制全选,全取消一次以后,再次点击全选,发现代码变了,但是CheckBox没有处于选中状态. $("#id" ...
- jQuery操作CheckBox的方法(选中,取消,取值)
jQuery操作CheckBox的方法(选中,取消,取值). 代码: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional/ ...
- JS实现全选与取消 Jquery判断checkbox是否被选中
1.JS实现checkbox全选与取消 <body> <input type="checkbox" name="select_all"/> ...
- Extjs4.x完美treepanel checkbox无限级选中与取消
注:当node选中, childNodes逐级全部选中. parentNode当子node全部选中时逐级自动选中,nodes未全部选中, parentNode逐级自动取消选中 在javascript中 ...
- Tree树节点选中及取消和指定节点的隐藏
指定节点变色 指定节点隐藏 单击节点 未选中则选中该节点 已选中则取消该节点 前台: 1.HTML <ul id="listDept" name="listDept ...
- JQuery的复选框选中、取消、全选,全不选问题
一.必须引入JQuery库: 下面是js代码: /*** * 服务管理块>>>复选框事件处理 */ //服务管理复选框被选中.取消$(function(){ $("#Ser ...
- jquery实现checkbox全选和全部取消,以及获取值
在后台管理中经常会遇到列表全选和取消的功能,如评论审核.申请等,用到的html标记就是checkbox.我用的是mysql数据库,代码如下: <!DOCTYPE html PUBLIC &quo ...
- 测试Javacript里的checkbox是否被选中的status和checked的替换方法
测试Javacript里的checkbox是否被选中的status和checked的替换方法,checkbox.checked和checkbox.status的功能一样,注意checkbox.stat ...
随机推荐
- 我是陌生人 Java中导入、导出Excel
我是陌生人 Java中导入.导出Excel 一.介绍 当前B/S模式已成为应用开发的主流,而在企业办公系统中,常常有客户这样子要求:你要把我们的报表直接用Excel打开(电信系统.银行系统).或者是: ...
- EBS测试环境DataGuard配置
1.环境信息 primary数据库(必须运行在归档模式) ip 127.71.28.71 sid test db_unique_name test log_mode archivelog force_ ...
- Objc的底层并发API
本文由webfrogs译自objc.io,原文作者Daniel Eggert.转载请注明出处! 小引 本篇英文原文所发布的站点objc.io是一个专门为iOS和OS X开发者提供的深入讨论技术的平台, ...
- 第三方文本框 在div中显示预览,让指定节点不受外部css影响
例如,富文本框中 ol li 但是我们往往全局样式时候会 让前面的数字不显示,但是富文本框时候,录入,我们需要显示,但是div中就不显示了 我们在预览页面中加上一个指定样式 然后后面 加上!im ...
- Linux install svn server
ref: http://blog.csdn.net/pingnanlee/article/details/8812520 1. yum -y install subversion 2. svnadmi ...
- 虚拟机centos 7联网设置之NAT方式
第一步在设置虚拟机的连接模式为NAT,虚拟机是VMware12的版本 第二步在PC主机上设置网络共享 第三步将虚拟机网卡开启,默认关闭状态,开启网卡 ip link set ens32 up (ens ...
- (转-经典-数据段)C++回顾之static用法总结、对象的存储,作用域与生存期
转自:https://blog.csdn.net/ab198604/article/details/19158697相关知识补充:https://www.cnblogs.com/rednodel/p/ ...
- CAD技巧之002——如何用Cass内插高程点或者说加密高程点
CAD技巧之002——如何用Cass内插高程点或者说加密高程点 很多同志如果遇到奇葩的Cass内插高程点或者说加密高程点,怎么办,一个个编辑?如果工作量很大,怎么办呢. 今天九天就教您一个好方法! 废 ...
- ELK 性能(4) — 大规模 Elasticsearch 集群性能的最佳实践
ELK 性能(4) - 大规模 Elasticsearch 集群性能的最佳实践 介绍 集群规模 集群数:6 整体集群规模: 300 Elasticsearch 实例 141 物理服务器 4200 CP ...
- mySql存储emoji表情报错(mysql incorrect string value)
问题分析 普通的字符串或者表情都是占位3个字节,所以utf8足够用了,但是移动端的表情符号占位是4个字节,普通的utf8就不够用了,为了应对无线互联网的机遇和挑战.避免 emoji 表情符号带来的问题 ...