jquery 行点击触发 checkbox 加上 checkbox本身触发导致的问题

效果:点击 tabel 的任意一行的任意一个位置,实现 选择 左侧的复选框

今天在实现这个效果的时候遇到了一个小问题,点击行的时候可以实现复选框的选择与取消,但是直接点击复选框的时候无效。

代码:

<tr class='trcls' οnclick='danjitr(this)' style='background-color:#FFFFFF;height=23px;'>
function danjitr(a){
    var input = $(a).find("input");
    if ($(input).attr("checked")) {
        $(input).removeAttr("checked");
    }
    else
    {
        $("#tdClassInfo tr").find("input").each(function () {
            $(this).removeAttr("checked");
        });
        $(input).attr("checked", true);
    }
}

原因是:点击复选框的时候,复选框本身会改变状态,接着行点击事件的执行,又把复选框的状态给改回来了,等于没点!!

解决办法:我又在每一行的复选框上又加了一个点击事件

<td><input οnclick='danjitd(this)' type='checkbox' value="+ad_id+" name='psimg'></td>
function danjitd(a){
    var zt = a.checked;
    //只要复选框被点了,我就把它再改回来  这个方法执行完后,就会执行行点击事件danjitr
    if (zt){
        $(a).attr("checked", false);
    }else {
        $(a).attr("checked", true);
    }
}

 

  • 0
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值