layui 表格行单击事件选中行前的单选框

旧城等待， 2023-01-01 03:59 180阅读 0赞

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');
            },

![2020123113484581.png][]

[2020123113484581.png]: /images/20221120/0801bfd0cb6f4c7c9e1b58abd647ac37.png

发表评论取消回复

表情：

评论列表（有 0 条评论，180人围观）

还没有评论，来说两句吧...

相关阅读

相关 layui 表格行单击事件选中行前的单选框

layui表格中，行点击事件同时选中行前的单选框。 //表格监听行单击事件 table.on('row(test)', function(obj) {

旧城等待，/ 2023年01月01日 03:59/ 0 赞/ 181 阅读

相关可换行的单选框

public class RadioGroupEx extends RadioGroup { private static final String T

谁践踏了优雅/ 2022年06月17日 01:43/ 0 赞/ 105 阅读

相关 Layui 如何监听表格复选框选中值

需要达到的目的： ajax()异步请求后台时，需要传入表格里复选框选中的id值注意：在渲染form on 方法的done里面加入 done:function(r

冷不防/ 2022年05月24日 02:41/ 0 赞/ 396 阅读

相关 layui数据表格单击行勾选（多选或者单选行）选项的功能

实现效果：单击行，自动选中或取消勾选 –对于复选框按钮点击行的选中功能： //单击行勾选checkbox事件 $('.DetailDiv').on("cl

客官°小女子只卖身不卖艺/ 2022年05月16日 15:47/ 0 赞/ 422 阅读

相关 layui默认选中第一个单选框

$('input:radio[name=productionTaskStatus]')[0].checked = true; layui.form.r

Myth丶恋晨/ 2022年04月13日 12:15/ 0 赞/ 885 阅读

相关 element表格点击行即选中该行复选框

关键代码如下 <el-table ref="multipleTable" :data="tableData" highlight-current-row toolti

矫情吗；*/ 2022年02月17日 00:42/ 0 赞/ 422 阅读

相关 element-ui单选框点击行选中

有个很简单的办法,radio绑定的模型,单击行的时候将行数据传过去,修改模型为当前行的 ![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow

冷不防/ 2021年09月24日 01:16/ 0 赞/ 422 阅读

相关 iview table 单选/多选获取选中行

单选/多选获取选中行单选通过设置属性 highlight-row，可以选中某一行。当选择时，触发事件 @on-current-change，可以自定义操作

超、凢脫俗/ 2021年09月17日 20:28/ 0 赞/ 1178 阅读

相关复选框checkbox,单击行单选,单击复选框也单选

$('table').on('click', 'tr', function (e) { //选择checkbox判断事件 if (e.t

太过爱你忘了你带给我的痛/ 2021年09月15日 15:10/ 0 赞/ 687 阅读

相关复选框选中事件

一.方法 1.jquery判断checked的三种方法: .attr('checked); //看版本1.6+返回:”checked”或”undefined” ;1.5-

Bertha 。/ 2021年09月13日 14:52/ 0 赞/ 477 阅读