web页面全选实现方法

工具：js包：jquery-1.4.4.min.js
//要全选的数据,根据相同name的值去全选

<input type="checkbox" name="id[]" value="" />

按钮

<input type="checkbox" id="checkall"/>全选 </td>
<a href="<%=path%>/system/MoneyServlet?m=del&familyId=<%=familyId%>&checkbox=" class="button border-red icon-trash-o" style="padding:5px 15px;" onclick="DelSelect(this)"> 删除</a> 

js脚本实现

//全选
$("#checkall").click(function(){ 
  $("input[name='id[]']").each(function(){
	  if (this.checked) {
		  this.checked = false;
	  }
	  else {
		  this.checked = true;
	  }
  });
})

//批量删除
function DelSelect(obj){    //obj参数
	var href = obj.getAttribute("href");  //href的值：<%=path%>/system/MoneyServlet?m=del&familyId=<%=familyId%>&checkbox=
	//获取选中的复选框的所有值：chk_value
 	var chk_value =[]; 
    $("input[name='id[]']:checked").each(function(){ 
        chk_value.push($(this).val()); 
    });
    if(chk_value.length == 0){
	   		 alert("你还没有选择任何内容！"); 
	 }else{
	 //提示删除信息并是否继续
	     var moneyNumber=document.getElementById("moneyNumber").value;
	     var mymessage=confirm("确认删除编号为"+chk_value+"的"+chk_value.length+"列数据？");
         if(mymessage==true){
             alert(chk_value);
		 	var hrefNew = href +chk_value;
		 	obj.setAttribute("href",hrefNew);  //该方法传值，接收时接收checkbox数据时名为checkbox（即超链接中的checkbox=）
         }else if(mymessage==false){
             alert("您取消了删除！");  //这里注意,虽然取消了删除但超链接还是会跳转，只是没有传checkbox的值，也就是传空值，可以在接收页面判断是否为空，为空可以返回这里
         }
}