当前位置: 首页 > 工具软件 > jQuery Grid > 使用案例 >

jquery grid表格checkbox的关联勾选与取消

向修谨
2023-12-01

处理的表格类似如下:要实现勾选A小计时,A也勾上。

序号名称隐藏id勾选框
-10A小计10 
-12B小计12 
1456A10 
1567B12 
1777B12 






代码如下:

   $("#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,不能有引号。
}
}
}
}
});

 类似资料: