1. 程式人生 > >jquery grid表格checkbox的關聯勾選與取消

jquery grid表格checkbox的關聯勾選與取消

處理的表格類似如下:要實現勾選A小計時,A也勾上。

序號 名稱 隱藏id 勾選框
-10 A小計 10
-12 B小計 12
1456 A 10
1567 B 12
1777 B 12

程式碼如下:

   $("#aaaaContainer input[type=checkbox]").on("change",function(){
var main = $('#aaaaContainer .widget-body .id-table');    //找到表格區域
var grid_data=main.data('grid');
var box1 = grid_data.getdetailbycheck("p_id",-1).split(";");    //p_id為序號id,為-1時全選,為1時選打勾的。將p_id放入陣列
var box2 =  grid_data.getdetailbycheck("c_id",-1).split(";");   //將隱藏id放入陣列
for(var i=0;i<box1.length;i++){
var a1 = box1[i];
if(a1<0){ //判斷是否含-,含有即為小計
var attr = main.find('tr').eq(i).find('td').eq(0).find('input').prop('checked');  //判斷選擇行的勾選狀態
for(var j=0;j<box2.length;j++){
var b1 = box2[j];
if(a1 == -b1){
main.find('tr').eq(j).find('td').eq(0).find('input').prop('checked',attr);  //將狀態賦值給隱藏id相同的行,注意狀態為true或false,不能有引號。
}
}
}
}
});