关于jquery全选反选 批量删除的一点心得
废话不多说直接上代码:
下面是jsp页面的html代码:
<table id="contentTable" class="">
<thead>
<tr>
<th><input type="checkbox" id="All" value="全选/全不选" />全选/全不选</th>
</tr>
</thead>
<tbody>
<c:forEach items="${page.list}" var="advAdvertisement">
<tr>
<td><input type="checkbox" value="${advAdvertisement.id}" name="checkbox" class="checkbox"/></td>
</tr>
</c:forEach>
</tbody>
</table>
然后是jquery:
$(document).ready(function(){ $('#All').change(function(){ if($('#All').attr('checked')){ $('.checkbox').attr('checked',true); }else{
$('.checkbox').removeAttr('checked');
} });
});
代码简单明了,相信聪明的你一看就懂。
最后是批量删除选中的复选框数据:
<input id="btnSubmit" class="" onclick="deleteAll();" type="button" value="批量删除"/> <script type="text/javascript"> function deleteAll(){
if(confirm('确认要删除选中的广告吗?')==true){ var obj=document.getElementsByName('checkbox'); //选择所有name="'test'"的对象,返回数组
//取到对象数组后,我们来循环检测它是不是被选中
var s=new Array();
for(var i=0; i<obj.length; i++){
if(obj[i].checked){
s[i]=obj[i].value;
} //如果选中,将value添加到数组s中
}
//那么现在来检测s的值就知道选中的复选框的值了
alert(s==''?'你还没有选择任何内容!':s);
alert(s);
$.ajax({
type:'POST',
url:'${ctx}/adv/advAdvertisement/deleteAll',
data:{'ids':s},
traditional:true,
dataType:'text',
success:function(data){alert('删除成功!')}
});
window.location.href="";
}
}
</script>
批量删除的时候需要去获取每一个被选中的复选框的id,我们用一个数组把他们存起来,最重要的一点,是要在$.ajax中配置traditional:true这个属性,如果不配置后台controller是不认可的。
后台接收的话直接用一个String[] ids数组接收就可以得到关于id的一个数组了,然后for循环尽情的做你想做的一切吧!
批量删除的话用 where in 语句比较合适:
<update id="deleteAll" parameterType="java.util.Arrays"> UPDATE test_data SET
del_flag = 1
where id in <foreach item="idItem" collection="array" open="(" separator=","
close=")"> #{idItem} </foreach> </update>
关于jquery全选反选 批量删除的一点心得的更多相关文章
- angularJS 全选反选批量删除
<th> <label for="flag"> <span ng-hide="master">全选</span> ...
- php--jquery操作全选、批量删除、加减行
- jQuery全选/反选checkbox
<!doctype html> <html lang="en"> <head> <meta charset="UTF-8&quo ...
- 关于JQuery全选/反选第二次失效的问题
最近在项目中,遇到一个问题,测试全选/反选功能时,第一次对母框进行选中/非选中时,能同步子框的全选/反选状态,之后再点击母框,子框就没反应了.原代码大致结构关键如下: function selectA ...
- jQuery全选反选插件
(function($){ $.fn.check = function(options){ var options = $.extend({ element : "input[name='n ...
- jQuery全选反选实例
1. $('#tb:checkbox').each(function(){ 每次都会执行 全选-取消操作,注意$('#tb :checkbox').prop('checked',true); tb后面 ...
- JQuery 全选 反选 获取Table 中指定td的元素值
//全选 function initTableCheckbox() { var $thr = $('table thead tr'); var $checkAllTh = $('<th>& ...
- jquery全选 反选
//全选 反选 $('#chkAll').on('click',function(){ $('input.chkbox').prop('checked',$(this).prop('checked') ...
- jQuery实现checkbox全选反选及删除等操作
1.list.html 说明:用checkbox数组Check[]存放每一行的ID值 <div id="con"> <table width="100% ...
随机推荐
- PHP导出生成excel文件
composer包管理工具还是非常好用的 下载安装的扩展比较靠谱 无需自己解决扩展BUG 省时省力提高效率 1.下载安装composer自行百度 2.通过composer下载安装office 3.不在 ...
- Appium 1.6.4 环境搭建流程(Java, Android+IOS, Windows+Mac)
Appium1.6.4已经出来一段时间了,快速给大家串一下怎么搭建,贴了下载链接 1 基础环境: Windows + Mac: Java JDK 1.8+ (需配置环境变量),Appium1.6.4的 ...
- Another kind of Fibonacce(矩阵快速幂,HDU3306)
Another kind of Fibonacci Time Limit: 3000/1000 MS (Java/Others) Memory Limit: 65536/65536 K (Jav ...
- 013 session_flush
在hibernate中也存在flush这个功能,在默认的情况下session.commit()之前时,其实执行了一个flush命令. Session.flush功能: ②理缓存: ②执行sql(确定是 ...
- Linux_破解密码-营救模式
实验用机:CentOS 5.7 破解密码 设置开机启动界面 系统运行级别 营救模式 一.破解密码 root用户可以更改任何用户的密码,普通用户只能修改自己的密码. 步骤: 1.重新启动系统 2.开机倒 ...
- 基于react的简单TODOList
前段时间看了下react,写个栗子记录 页面效果如下 效果:展示代办事件,正文加了删除线的是已经完成的,未加横杠的是未完成的, 交互:1.在input里面输入新添加的内容,点击Add按钮添加代办事件 ...
- R实现地理位置与经纬度相互转换
本实例要实现目标通过输入城市名或者地名,然后找出其经度纬度值,以及通过可视化展现其线路流向以及周边地图展示 address_list数据: 山西省太原市小店区亲贤北街77号 贵州省贵阳市云岩区书香门第 ...
- CSS小技巧-两个盒子之间的间距问题
1.水平排放的盒子,水平间距是两个margin的累加 2.垂直排放的盒子,垂直间距是合并的取最大值
- xfire调用webservice接口的实现方式
package com.test; import java.net.URL; import org.codehaus.xfire.client.Client; import org.codehaus. ...
- 使用hashCode()和equals()方法 - Java
在这篇文章中,我将指出我对hashCode()和equals()方法的理解.我将讨论它们的默认实现以及如何正确地覆盖它们.我还将使用Apache Commons包中的实用工具类来实现这些方法. has ...