日期:2014-05-16  浏览次数:20406 次

利用js实现多项删除以及全选功能的实现
<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的数组,然后通过其他操作进行删除!