layui获取table中的checkbox并取消选中

layui获取表格中的checkbox,并取消选中。
根据同一行中其他列数据的变化动态取消checkbox选中

//index 为当前行行号
$('tr[data-index=' + index + '] input[type="checkbox"]').prop('checked', false);
//一定要重新渲染,不然不生效
form.render('checkbox');

例子:

<script>
var form = layui.form, table = layui.table;
			table.render({
					elem: '#tableData'
					, data: items
					, skin: { size: 'sm' }
					, cellMinWidth: 90 //定义所有列的最小宽度
					, maxPer: 0.45
					, cols: [[
						{field: 'checkbox', type:'checkbox', fixed: 'left'}
						, { field: 'stockCount', title: '取消提货数', templet: '<div><input type="number" class="layui-input stockCount" min="0" max="{{d.stockCount}}" data-index="{{d.LAY_TABLE_INDEX}}" value=""/></div>'}
					]]
					, page: false
					, limit: 1000
					, done: function (res) {
					//自定义处理
					}
				});
				
				//监听stockCount的变化
				//根据stockCount列是否变化来动态的取消checkBox选中
				$(document).on('blur','.stockCount',function(obj){
					let index = parseInt($(this).attr('data-index'));
					let value = $(this).val();
					console.log("value = ======"+value)
					table.cache.tableData[index].count = value;
					//取消变化列中checkBox选中值
					$('tr[data-index=' + index + '] input[type="checkbox"]').prop('checked', false);
					form.render('checkbox');
				})
</script>
  • 1
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值