1. 程式人生 > 其它 >layui 表格行單擊事件選中行前的單選框

layui 表格行單擊事件選中行前的單選框

技術標籤: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');
        },