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);
}
}
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);
}
}
相关文章推荐
- jquery实现checkbox全选,选择性勾选,以及table中点击tr中任意一行实现选中或不选中
- jQuery注册表格(table)行(tr)点击选中checkbox事件
- 转载:jQuery点击tr实现checkbox选中的方法
- jQuery 点击tr选中checkbox,并点击checkbox本身也正常,表格练习完工
- jQuery点击tr实现checkbox选中的方法
- JQuery点击行tr实现checkBox选中的简单实例
- Jquery删除table里面checkbox选中的多个行
- 点击tr选中每一行前面的checkbox
- jquery判断checkbox是否选中,选中即可点击button否则不可点
- jquery实现点击table行变色且选中该行的radio
- jQuery点击tr实现checkbox
- Jquery删除table里面checkbox选中的多个行
- 点击table中的一行选中checkbox,并改变该行的颜色
- 点击tr实现选择checkbox功能,点击checkobx的时候阻止冒泡事件, jquery给checkbox添加checked属性或去掉checked属性不能使checkobx改变状态
- jQuery实现table中两列CheckBox只能选中一个的示例
- jquery each控制checkbox有关内容(table tr)的显示或隐藏(jquery 按条件隐藏显示已输出内容)
- jquery 实现点击 table中一行tr自动复制本行添加到本行之后 点击按钮回复到初始状态
- Jquery实现点击某一checkbox时,value类似的checkbox也选中
- Jquery如何删除table里面checkbox选中的多个行