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

Html代码  
<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代码为:
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的数组,然后通过其他操作进行删除!

你可能感兴趣的:(利用js实现多项删除以及全选功能的实现)