利用js实现多项删除以及全选功能的实现

来源:转载

<input type="checkbox" onclick="selectAll()"/>全选<input type="button" value="删除选中" onclick="deleteCheck();"/><input type="checkbox" value="<%=list.get(i).getId()%>"/></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的数组,然后通过其他操作进行删除!


分享给朋友:
您可能感兴趣的文章:
随机阅读: