mysql select 反选_JQuery实现全选、全不选和反选功能

Insert title here

学员信息查询管理系统

条件：全选 反选学号姓名性别年龄成绩班级

$(selectStu())functionselectStu() {

$.ajax("StuList",{

type:"post",

data:{"method":"finList"},

success:function(data){//循环遍历

$.each(data,function(index,obj){

$("#tab").append("

"+

//首先从数据库读出数据 因为数据库主键是学号，而且对学号进行操作

//在input里面的值value添加数据中的学号

"

"+

"

"+obj.stuNo+""+

"

"+obj.stuName+""+

"

"+obj.stuSex+""+

"

"+obj.stuAge+""+

"

"+obj.score+""+

"

"+obj.className+""+

"

");

})

}

})

}

$(function(){

$("#btn_search").on("click",function(){vartext=$("#txt_search").val();

$("#tab tr").not(":first").remove();

$.ajax("StuList",{

type:"post",

data:{"method":"FuzzyQuery","likeInfo":text},

success:function(data){

$.each(data,function(index,obj){

$("#tab").append("

"+

"

"+

"

"+obj.stuNo+""+

"

"+obj.stuName+""+

"

"+obj.stuSex+""+

"

"+obj.stuAge+""+

"

"+obj.score+""+

"

"+obj.className+""+

"

");

})

}

})

});//这个方法可以替代toggle() toggle()在jQuery 1.9中已经移除

//两个函数的绑定

vari=0;//全选

$("#selectAll").on("click",function(){if(i==0){//把所有复选框选中

$("#tab td :checkbox").prop("checked",true);

i=1;

}else{

$("#tab td :checkbox").prop("checked",false);

i=0;

}

});//反选

$("#ReverseSelect").on("click",function(){

$("#tab td :checkbox").each(function(){//遍历所有复选框，然后取值进行 !非操作

$(this).prop("checked",!$(this).prop("checked"));

})

});

$("#del_btn").on("click",function(){vararr=newArray();

$('#tab input:checkbox[name=stu]:checked').each(function(i){

arr[i]=$(this).val();

});varvals=arr.join(",");

$.ajax("StuList",{

type:"post",

data:{"method":"deleteStu","delId":vals},

success:function(data){if(data==-500){

alert("删除失败！");

}else{

alert("删除成功\n"+data+"条");

$("#tab tr").not(":first").remove();

selectStu();

}

}

});

})

})