jquery复选框checkbox实现删除前判断


Posted in Javascript onApril 20, 2014

实现这样一个基本需求,页面有很多数据,可以删除一条或多条,删除前判断是否选中至少一条,否则提示。

function deleteUser() { 
//当时是想把内容以str+=""的方式 进行保存 ,但不行 
//var str; 
var array = new Array(); //用于保存 选中的那一条数据的ID 
var flag; //判断是否一个未选 
$("input[name='selectFlag']:checkbox").each(function() { //遍历所有的name为selectFlag的 checkbox 
if ($(this).attr("checked")) { //判断是否选中 
flag = true; //只要有一个被选择 设置为 true 
} 
}) 
if (flag) { 
$("input[name='selectFlag']:checkbox").each(function() { //遍历所有的name为selectFlag的 checkbox 
if ($(this).attr("checked")) { //判断是否选中 
//alert($(this).val()); 
array.push($(this).val()); //将选中的值 添加到 array中 
//str+=$(this).val()+","; 
} 
}) 
//将要集体删除的数据 传递给action处理 
window.self.location = "deleteUser?info=" + array; 
} else { 
alert("请至少选择一个用户"); 
} 
}

后台action进行接收数据 进行删除
@Override 
public String execute() throws Exception { 
// TODO Auto-generated method stub 
//前台是以a,b,c格式进行传输的 首先分解字符串 
String s[] = info.split(","); 
/* 
* for(int i=0;i<s.length;i++){ System.out.println(s[i]); } 
*/ 
if (s.length > 0) { 
for (int i = 0; i < s.length; i++) { 
userDao.deleteUser(s[i]); 
} 
} 
return "success"; 
}
Javascript 相关文章推荐
javascript+canvas制作九宫格小程序
Dec 28 Javascript
jquery根据一个值来选中select下的option实例代码
Aug 29 Javascript
微信小程序 Audio API详解及实例代码
Sep 30 Javascript
微信小程序 textarea 组件详解及简单实例
Jan 10 Javascript
JavaScript利用闭包实现模块化
Jan 13 Javascript
ES6学习之变量的解构赋值
Feb 12 Javascript
js学使用setTimeout实现轮循动画
Jul 17 Javascript
基于bootstrap实现多个下拉框同时搜索功能
Jul 19 Javascript
浅谈Angular4中常用管道
Sep 27 Javascript
微信小程序之判断页面滚动方向的示例代码
Aug 30 Javascript
vue iview多张图片大图预览、缩放翻转
Jul 13 Javascript
详解vue3.0 diff算法的使用(超详细)
Jul 01 Javascript
使用jQuery异步加载 JavaScript脚本解决方案
Apr 20 #Javascript
js函数模拟显示桌面.scf程序示例
Apr 20 #Javascript
判断及设置浏览器全屏模式
Apr 20 #Javascript
js 实现浏览历史记录示例
Apr 20 #Javascript
jquery的trigger和triggerHandler的区别示例介绍
Apr 20 #Javascript
js的参数有长度限制吗?发现不能超过2083个字符
Apr 20 #Javascript
给html超链接设置事件不使用href来完成跳
Apr 20 #Javascript
You might like
snoopy 强大的PHP采集类使用实例代码
2010/12/09 PHP
提高PHP编程效率的方法
2013/11/07 PHP
在Laravel中实现使用AJAX动态刷新部分页面
2019/10/15 PHP
JavaScript 组件之旅(四):测试 JavaScript 组件
2009/10/28 Javascript
jquery实现浮动的侧栏实例
2015/06/25 Javascript
jQuery中$this和$(this)的区别介绍(一看就懂)
2015/07/06 Javascript
jQuery实现动态表单验证时文本框抖动效果完整实例
2015/08/21 Javascript
js实现点击向下展开的下拉菜单效果代码
2015/09/01 Javascript
详解js中构造流程图的核心技术JsPlumb(2)
2015/12/08 Javascript
基于jQuery实现弹出可关闭遮罩提示框实例代码
2016/07/18 Javascript
JS中的==运算: [''] == false —&gt;true
2016/07/24 Javascript
AngularJS指令用法详解
2016/11/02 Javascript
layui文件上传实现代码
2017/05/20 Javascript
vue-router实现编程式导航的代码实例
2019/01/19 Javascript
js作用域和作用域链及预解析
2019/04/11 Javascript
解决微信浏览器缓存站点入口文件(IIS部署Vue项目)
2019/06/17 Javascript
JS面向对象编程——ES6 中class的继承用法详解
2020/03/03 Javascript
小程序实现上下切换位置
2020/11/16 Javascript
linux 下实现python多版本安装实践
2014/11/18 Python
PyQt实现界面翻转切换效果
2018/04/20 Python
Python基于xlrd模块操作Excel的方法示例
2018/06/21 Python
Python3单行定义多个变量或赋值方法
2018/07/12 Python
Sanic框架请求与响应实例分析
2018/07/16 Python
python实现键盘输入的实操方法
2019/07/16 Python
Python中类似于jquery的pyquery库用法分析
2019/12/02 Python
应届毕业生的自我鉴定
2013/11/13 职场文书
自我评价格式
2014/01/06 职场文书
作风建设年活动总结
2014/08/27 职场文书
投标人法定代表人授权委托书格式
2014/09/28 职场文书
庆祝教师节活动总结
2015/03/23 职场文书
关于调整工作时间的通知
2015/04/24 职场文书
法定授权委托证明书
2015/06/18 职场文书
Win11显卡控制面板打开显卡设置方法
2022/04/20 数码科技
vue 自定义组件添加原生事件
2022/04/21 Vue.js
Python中npy和mat文件的保存与读取
2022/04/24 Python
mysql实现将字符串字段转为数字排序或比大小
2022/06/14 MySQL