checkAll操作
//全部勾选
function checkAll(obj) {
var cols = document.getElementsByName('cols');
for ( var i = 0; null != cols && i < cols.length; i++) {
cols[i].checked = obj.checked;
}
}
-----------------------------------------------------------
<table id="content1" class="adv_query_list">
<tr class="search_title_show">
<td align="center" class="diff_inp">
<input type="checkbox"onclick="checkAll(this);" /></td>//全选操作从此调方法
<td align="center">序号</td>
<td align="center">合同编号</td>
<td align="center">客户姓名</td>
<td align="center">身份证号</td>
<td align="center">贷款类型</td>
<td align="center">合同金额</td>
<td align="center">放款金额</td>
<td align="center">签约时间</td>
<td align="center">放款时间</td>
<td align="center">实际放款时间</td>
<td align="center">合同状态</td>
<td align="center">营业部</td>
<td width="130" align="center">操作</td>
</tr>
<c:forEach items="${pageInfo.searchResult}" var="it">
<tr align="center" class="tdbg">
<td class="diff_inp">
<input type="checkbox" id="chek"name="cols" value="${it[0] },{it[1] }" /></td>// 此value 0 为 id 1为 标示
<td>${it[15] }</td>
<td>${it[1] }</td>
<td><a href="javascript:void(0)" onclick="statu(${it[12]},${it[12] })">${it[2]}</a>
</td>
<td>${fn:substring(it[3],0,5)}****${fn:substring(it[3],fn:length(it[3])-4,fn:length(it[3]))}</td>
<td>${it[4] }</td>
<td align="right"><fmt:formatNumber value="${it[5] }" pattern="###,##0.00" maxFractionDigits="2" minFractionDigits="2"/></td>
<td align="right"><fmt:formatNumber value="${it[6] }" pattern="###,##0.00" maxFractionDigits="2" minFractionDigits="2"/></td>
<td >${it[7] }</td>
<td>${it[8] }</td>
<td>${it[9] }</td>
<td >${it[11] }</td>
<td>${it[10] }</td>
</td>
</tr>
</c:forEach>
</tr>
</c:forEach>
</table>
--------------------------------------
效果
-----------------选中取该条数据i的--------------------------
function del(url){
var cols=document.getElementsByName('cols');
if(null==cols||cols.length==0){
alert('当前没有记录,无法进行操作!');
return;
}
var flag='0';
var ids='';
for ( var i = 0; null != cols && i < cols.length; i++) {
if (cols[i].checked) {
flag = '1';
var arr=cols[i].value.split(',');//勾选集合
if(arr[1]=='否'){ //arr[1]标示参数二
alert(不能导出);
return ;
}else{
ids += arr[0] + ',';//arr[0] 表示 id
}
}
}
if('0'==flag){
alert('请至少选择一条记录!');
return;
}
if(confirm("确定删除吗?")) {
location.href=url+'?ids='+ids;
return true;
}else{
return false;
}
}
checkAll操作的更多相关文章
- [转]jQuery操作radio、checkbox、select 集合.
1.radio:单选框 html代码 <input type="radio" name="radio" id="radio1" val ...
- JS实战 · 复选框全选操作
思路: 1.获取被选中checkbox,通过checked属性的状态完成: 2.获取被选中的checkbox的value值: 3.求所有value的和sum: 4.定义span区域存储和sum: ...
- jQuery操作Table tr td常用的方法
虽然现在DIV+CSS进行页的布局大行其道,但是很多地方使用table还是有很多优势,用table展示数据是比较方便的,下面汇总了jQuery操作Table tr td常用的方法,熟记这些操作技巧,下 ...
- 汇总常用的jQuery操作Table tr td方法
虽然现在DIV+CSS进行页的布局大行其道,但是很多地方使用table还是有很多优势,用table展示数据是比较方便的,下面汇总了jQuery操作Table tr td常用的方法,熟记这些操作技巧,下 ...
- 第5章 jQuery对表单、表格的操作及更多应用
本章主要是对前面4章的小结和应用. 一. 表单form应用 表单分为3个组成部分 (1)form标签 表单可包含文本域,复选框,单选按钮等等.表单用于向指定的 URL 传递用户数据. (2)表单域 - ...
- php 用封装类的方法操作数据库和批量删除
封装类 <?php class DBDA { public $host="localhost"; //服务器地址 public $uid="root"; ...
- jquery、js操作checkbox全选反选
全选反选checkbox在实际应用中比较常见,本文有个不错的示例,大家可以参考下 操作checkbox,全选反选//全选 function checkAll() { $('input[name=&qu ...
- jquery checkbox全选,全不选,反选方法,jquery checkbox全选只能操作一次
jquery checkbox全选,全不选,反选方法, jquery checkbox全选只能操作一次, jquery checkbox全选只有第一次成功 >>>>>&g ...
- jQuery实现checkbox全选反选及删除等操作
1.list.html 说明:用checkbox数组Check[]存放每一行的ID值 <div id="con"> <table width="100% ...
随机推荐
- WPF ToolTip 绑定
Tool绑定: 绑定到ComboBox的SelectValue <ComboBox Name="cmb_WHSCD" VerticalAlignment="Cent ...
- Itranswarp 搭建个人 Wiki
www.swack.cn - 原文链接:Itranswarp 搭建个人 Wiki 从零开始 搭建个人Wiki站点 Itranswarp.js 是一款基于nodejs开发的博客系统,通过Apache L ...
- 如何优雅地开发HarmonyOS APP应用
目录: 一.挖掘项目需求或者做项目移植 二.创建项目工程 三.功能模块实现的流程思路 四.养成良好的编程规范习惯以及运用设计模式 研究HarmonyOS有一段时间了,今天主要结合自己多年的项目开发经验 ...
- 【Linux】zabbix4.0服务器搭建,agent搭建,及邮件使用方法
zabbix默认的 服务端监听端口为10051,而被监控端即Zabbix--agents代理程序监控10050端口. 更新yum源: yum clean all yum makecache 需要配置网 ...
- STM32延时函数的四种方法
单片机编程过程中经常用到延时函数,最常用的莫过于微秒级延时delay_us()和毫秒级delay_ms().本文基于STM32F207介绍4种不同方式实现的延时函数. 1.普通延时 这种延时方式应该是 ...
- Vue案例之todoLIst实现
使用Vue实现todolist案例,如有不对敬请大佬多多指教 功能: 1.增加功能:在新增版块里面的输入框内输入数据,点击后面的"添加"按钮,将输入的数据添加到列表中,默认是未完成 ...
- vue+element-ui:table表格中的slot 、formatter属性
slot 插槽,table中表示该行内容以自定义方式展示 :formatter 方法,用来格式化内容 Function(row, column, cellValue, index) html < ...
- STL_常用的算法
STL_常用的算法 一.常用的查找算法 adjacent_find() adjacent_find(iterator beg, iterator end, _callback); 在iterator对 ...
- mybatis源码分析之走进缓存
之前写了一篇关于mybatis缓存的读后感,想了想还是把缓存模块简单分析一下,附赠下载地址:https://github.com/MyBatis/MyBatis-3,github直接搜排名很靠前的. ...
- SharePoint Online 站点模板中权限的设置
SharePoint Online可以使用PnP引擎部署站点模板.这个模板的功能非常强大,除了可以定制主题,外观以外,还可以生成list并导入数据,生成文档库,导入文档等等. 今天重点说一下其中的站点 ...