您的位置:首页 > Web前端 > JQuery

JQuery 在table中点击TR选中checkbox。

2014-10-18 17:02 423 查看
/**点击TR选择行*/

function selectTr(event){
var event = event? event: window.event;
var element = event.srcElement ? event.srcElement:event.target;
var tr = $(element).closest("tr");
var chk = $(tr).find("input[type='checkbox']");
if(element.type != 'checkbox'){
if(chk.is(":checked")){
chk.attr("checked",false);
}else{
chk.attr("checked",true);
}
}
var records = $(tr).closest("tbody").find("tr").length;
var chks =  $(tr).closest("tbody").find("input[type='checkbox']:checked").length;
if (chks >0 && records == chks){
$(".page").find("input[type='checkbox'][group='" + chk.attr('name') +"']").attr("checked",true);
}else{
$(".page").find("input[type='checkbox'][group='" + chk.attr('name') +"']").attr("checked",false);
}

}
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: