layui 表格行單擊事件選中行前的單選框
阿新 • • 發佈:2021-01-10
技術標籤:layuijavascriptjavascript
layui表格中,行點選事件同時選中行前的單選框。
//表格監聽行單擊事件 table.on('row(test)', function(obj) { //選中行前radio Table.isCheckRadio(obj, form, table, 'tableReload'); //這是我的操作。。。。 }); /** * 表格點選行時選中 * 行前單選框 * @param obj //行點選回撥中的obj * @param form //layui.form * @param table //layui.table * @param tableId //table的ID */ var Table = {}; Table.isCheckRadio: function(obj, form, table, tableId) { obj.tr.addClass('layui-table-click').siblings().removeClass('layui-table-click'); //選中行樣式 obj.tr.find('input[lay-type="layTableRadio"]').prop("checked", true); var index = obj.tr.data('index') var thisData = table.cache[tableId]; //tableId 表ID //重置資料單選屬性 layui.each(thisData, function(i, item) { if (index === i) { item.LAY_CHECKED = true; } else { delete item.LAY_CHECKED; } }); form.render('radio'); },