Javascript 单击表行时选中并取消选中复选框
现在,我已经完成了脚本设置,因此当选中表行中的每个复选框时,它将执行所需的功能(addClass和其他一些功能) 我还希望复选框在单击单个表行时选中/取消选中并执行相同的功能 以下是我的复选框函数代码:Javascript 单击表行时选中并取消选中复选框,javascript,jquery,Javascript,Jquery,现在,我已经完成了脚本设置,因此当选中表行中的每个复选框时,它将执行所需的功能(addClass和其他一些功能) 我还希望复选框在单击单个表行时选中/取消选中并执行相同的功能 以下是我的复选框函数代码: $('input[type="checkbox"]').bind('click',function(e) { var $this = $(this); if($this.is(':checked')) { num += 1;
$('input[type="checkbox"]').bind('click',function(e) {
var $this = $(this);
if($this.is(':checked')) {
num += 1;
$('#delete_btn').fadeIn('fast');
$this.parents('tr').addClass('selected');
select_arr.unshift(this.id);
} else {
num -= 1;
if(num <= 0) {
$('#delete_btn').fadeOut('fast');
}
$this.parents('tr').removeClass('selected');
select_arr.shift(this.id);
}
});
$('input[type=“checkbox”]”)。绑定('click',函数(e){
var$this=$(this);
如果($this.is(':checked'){
num+=1;
$('delete_btn').fadeIn('fast');
$this.parents('tr').addClass('selected');
选择_arr.unshift(此.id);
}否则{
num-=1;
如果(num我最终为这个问题找到了一个很好的资源
请查看:
您可能希望向tr标记中添加一个类,以便它们可以与第页上的其他tr标记区分开来(例如:…并且只需将单击功能添加到那些::
$("tr.ticketTR").click(function(){
$(this).child("input:checkbox").eq(0).click();
});
与其只绑定到复选框,还不如将其绑定到
元素
虽然没有提到复选框,但它需要一些额外的编码。那张表是插件吗?看起来不错。@Nick,谢谢!这是一个为php/SQL构建的简单的可自定义ajax表插件。希望我在完成后给你一个链接吗?应该很快-非常感谢你的反馈。是的,请发送一个链接,我很有兴趣看看这是如何实现的结果是。@Nick:工作正在进行中-您也可以尝试delegate(),它在动态表中工作得更好。
$("tr.ticketTR").click(function(){
$(this).child("input:checkbox").eq(0).click();
});