<input type="checkbox" id="ckb" name="selectAll" onclick="selectAll()"/>全选 <input type="button" value="删除选中" onclick="deleteCheck();"/> <input type="checkbox" value="<%=list.get(i).getId()%>" name="chckBox"/></td>
如山为html代码,实现全选的js代码为:
function selectAll() { var chckBoxSign = document.getElementById("ckb"); //ckb 全选/反选的选择框id var chckBox = document.getElementsByName("chckBox"); var num = chckBox.length; if(chckBoxSign.checked) { for(var index =0 ; index<num;index++) chckBox[index].checked = true; } else{ for(var index =0 ; index<num;index++) chckBox[index].checked = false; } }
实现选中删除的js代码:
function deleteCheck(){ var chckBox = document.getElementsByName("chckBox"); var num = chckBox.length; var ids = ""; for(var index =0 ; index<num;index++) { if(chckBox[index].checked){ ids += chckBox[index].value + ","; } } if(ids!="") { if(window.confirm("确定删除所选记录?")) { //ids为数组里面存有选中的记录的id location="deleteSelect.vid?ids="+ids; } } else { alert("请选择要删除的记录"); } }
而在servlet中通过
String [] ids = request.getParameterValues("ids");
来获取存放要删除记录的id的数组,然后通过其他操作进行删除!
相关推荐
javascript 实现复选框全选/取消功能
简单代码实现android的多选、全选、反选功能。介绍功能实现的全过程以及需要注意的地方。简单代码分享,希望能给大家带来一些帮助!
js实现全选和反选功能 js实现全选和反选功能 js实现全选和反选功能 js实现全选和反选功能 js实现全选和反选功能
实现listview 单选 多选 反选 全选功能.zip
改进gridView的单选和多选功能 实现全选和取消全选功能
jquery 、js实现复选框 (全选、反选)功能··
本文实例讲述了微信小程序实现多选框全选与取消全选功能。分享给大家供大家参考,具体如下: js部分: page({ data: { select_all:false, listData: [{code: "111",text: "text1",typ: "type1",}, {code: "021",...
这是三层架构实现全选反选以及多项删除等功能的实现
JS JS实现全选反选 全选 反选
JQuery实现checkbox的全选取消全选
js+jsp实现全选删除 js+jsp实现全选删除 js+jsp实现全选删除
Android实现全癣单选多选功能实例,这个功能对于手机管理来说,相当有用了,一般情况下长按屏幕就会出现全选框,可多选 也可单选,选择之后可进行下一步操作,本例子就是实现这种功能,算是一个简单实用的模块实例吧...
QTableWidget表头添加复选框实现全选功能。有点投机取巧,但是功能是实现了。实现很简单。
CSS实现表格样式及全选功能,详情看博客http://blog.csdn.net/mybelief321/article/details/50276253
很好用的使用jquery来实现的通用的全选反选功能
CheckBox复选框JS实现全选、不选、全不选功能,很简单,具体内容如下 思路: 1、获取元素 2、给全选 不选 反选添加点击事件 3、用for循环checkbox 4、把checkbox的checked设置为true即实现全选 5、把checkbox的...
实现的效果就是: 1.点击全选选中所有商品,再点击全选,取消勾选 2.在选中的同时获取需要的商品id,获取后是以字符串拼接的形式 拼成一个字符串 3.点击删除按钮时删除选中的商品 点击全选 再次点击全选框 wxml...
jQuery实现复选框checkbox的全选与反选功能,不用多介绍了吧,以往都是基于纯js的实现比较多,这个是引入了jquery,或许更能满足现在的前端设计吧。
Javascript实现全选反选 Javascript绑定事件