运用js实现批删除功能

   首先要用到checkbox的多选框按钮，通过勾选来实现多条的选中操作

<pre name="code" class="html"><input type="checkbox" name="ids" id="all" onclick='iselect()' value="1"/>

<a href="#" onClick="selectAll();">全选</a>&nbsp;<a href="#" onClick="selectInvert();">反选</a>;

<a onClick="deleteid();"  style="cursor:pointer">删除</a>

这样在运用js实现勾选确定，全选，反选等操作

function check(){             
<span style="white-space:pre">	</span>var ids = document.getElementsByName("ids");               
<span style="white-space:pre">	</span>var flag = false ;               
<span style="white-space:pre">	</span>for(var i=0;i<ids.length;i++){
<span style="white-space:pre">		</span>if(ids[i].checked){
<span style="white-space:pre">			</span>flag = true ;
<span style="white-space:pre">			</span>break ;
<span style="white-space:pre">		</span>}
<span style="white-space:pre">	</span>}
<span style="white-space:pre">	</span>if(!flag){
<span style="white-space:pre">		</span>alert("请最少选择一项！");
<span style="white-space:pre">		</span>return false ;
<span style="white-space:pre">	</span>}
}
//全选
function iselect(){ //其中函数字不能为select 其为JS保留字
<span style="white-space:pre">	</span>var ids = document.getElementsByName("ids");
<span style="white-space:pre">	</span>var all = document.getElementByIdx_x_x("all");               
<span style="white-space:pre">	</span>for(var i=0;i<ids.length;i++){
<span style="white-space:pre">		</span>ids[i].checked=all.checked;
<span style="white-space:pre">	</span>}
}
//全选
function selectAll(){
<span style="white-space:pre">	</span>var ids = document.getElementsByName("ids");                           
<span style="white-space:pre">	</span>for(var i=0;i<ids.length;i++){
<span style="white-space:pre">		</span>ids[i].checked=true;
<span style="white-space:pre">	</span>}
}
//反选
function selectInvert(){
<span style="white-space:pre">	</span>var ids = document.getElementsByName("ids");                           
<span style="white-space:pre">	</span>for(var i=0;i<ids.length;i++){
<span style="white-space:pre">		</span>if(ids[i].checked)
<span style="white-space:pre">			</span>ids[i].checked=false ;
<span style="white-space:pre">		</span>else
<span style="white-space:pre">			</span>ids[i].checked=true ;
<span style="white-space:pre">	</span>}
}

在这个之后再写出删除的js代码，通过将要删除的条数的id数组传值给删除操作实现删除

这里附上删除传出要删除id的数组

function deleteid()
{         
	var a=new Array();  
	var c=0;  
	var ids = document.getElementsByName("ids");               
	var flag = false ;               
	for(var i=0;i<ids.length;i++){
		if(ids[i].checked){
			flag = true ;
			a[c]=ids[i].value;
			c++;
		}
	}
	if(!flag){
		alert("请最少选择一项！");
		return false ;
	}
	location.href="delete_message.php?id="+a;
}

在写上删除的php代码，就可实现批删除功能，php删除的部分就不在这显示代码了，就是将其传的id数组获取然后php操作数据库删除id所对应的数据。

以上是我个人实现批删除的一个方法，可能过于复杂，还是希望各位与我交流，能写出更加完美的代码。