jquery表格的勾選搜索可以讓用戶在表格中查找需要的數據，并且可以對查找到的數據進行勾選操作，非常方便實用。

$(function(){
// 獲取表格中的所有行
var rows = $("table tbody tr");
// 給搜索框添加change事件
$("input[type='search']").on("change keyup",function(){
var searchText = $(this).val().toLowerCase();
// 遍歷表格中的所有行，進行勾選與搜索操作
rows.each(function(){
var text = $(this).text().toLowerCase();
if(text.indexOf(searchText) !== -1){
$(this).show().find(":checkbox").prop("checked",false);
}else{
$(this).hide().find(":checkbox").prop("checked",false);
}
});
});
// 給表格中的復選框添加change事件
$("table tbody input[type='checkbox']").on("change",function(){
if($(this).is(":checked")){
$(this).closest("tr").addClass("selected");
}else{
$(this).closest("tr").removeClass("selected");
}
});
});

代碼說明：首先獲取表格中的所有行，然后給搜索框添加change事件，當用戶在搜索框中輸入內容時，遍歷表格中的所有行，根據搜索結果來顯示或隱藏行，并讓該行的復選框取消勾選狀態。同時，給表格中的復選框添加change事件，當用戶勾選行時，為該行添加選中狀態。