监听table表格的复选框

开发工具与关键技术:VS、监听table表格的复选框

作者:陆桂超

撰写时间:2019年7月26日

1、如下图所示的图一和图二,要实现的效果是点击已清列的复选款,把图片中显示的未付金额回填到本次付款金额。如图二所示。备注:如下table表格是通过动态插入行添加的。

在这里插入图片描述

在这里插入图片描述

2、通过jquery语句监听复选框。

(1)、给复选框的input标签绑定onclick事件,tist是当前行,counts是当前行的行数。这两个作为形参。

<td><input type="checkbox" class="' + Counts + '" onclick="aaa(this,' + Counts + ')"/></td>

(2)、监听复选框的jquery代码。Checkbox和counts是实参。

在这里插入图片描述

3、为了方便,还可以添加一个全选和反选按钮。通过点击全选按钮勾选所有复选框或通过点击反选按钮取消所有复选框。

在这里插入图片描述
在这里插入图片描述

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值