数据表格,如何点击行让前面的复选框进行状态切换

讨论 未结 4 197
江畔幽影
江畔幽影 2020-1-15
悬赏:20飞吻
<table class="layui-table" lay-filter="table1" id="table1"> </table>

table.on('row(table1)',function(obj){
var _this = obj.tr
var state = $(_this).find("input").prop("checked")
$(_this).find("input").prop("checked", !state).siblings(".layui-form-checkbox").toggleClass("layui-form-checked")
$(_this).on("click", ".layui-form-checkbox", function (e) {
e.stopPropagation()
})
table.render('checkbox');
})

这种写法点击行能改变复选框状态,但复选框选中后,进行批量操作的时候提示没有选择数据
该怎么解决,而且页面刷新后,第一次点击复选框页面没有任何反应
回帖
  • 0 回复
  • c299
    2020-1-15
    $(document).on('click', '.layui-table-view tbody tr', function(event) {
    var elemTemp = $(this);
    var tableView = elemTemp.closest('.layui-table-view');
    var trIndex = elemTemp.data('index');
    var trElem = tableView.find('tr[data-index="' + trIndex + '"]');
    $(trElem).find('[name="layTableCheckbox"]+').last().click();
    })
    行点击事件选中复选框,参考一下
    0 回复
  • 还有其他的方法没?
    0 回复
  • 王尐寳
    2020-1-15
    @江畔幽影 直接触发click就可以
    1
    2
    0 回复