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();

}

}

});

})

})

總結

以上是生活随笔為你收集整理的mysql select 反选_JQuery实现全选、全不选和反选功能的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。