Layui表格Checkbox实现单选

happy life 2022

已于 2022-10-24 15:49:51 修改

阅读量1k

点赞数

CC 4.0 BY-SA版权

分类专栏： Layui 文章标签：前端 layui 1024程序员节

于 2022-10-24 15:43:52 首次发布

本文链接：https://blog.csdn.net/qq_41829337/article/details/127494096

Layui 专栏收录该内容

6 篇文章

订阅专栏

这段代码展示了如何在表格中响应checkbox事件。当点击时，首先取消所有已选中的项，然后根据点击类型（单选或多选）决定是否选中当前节点。如果点击类型为'one'，则仅选中当前节点，否则提示不允许多选。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

思路

先取消所有选中，再选中当前节点

代码

table.on('checkbox(menuAuthorizationTableFilter)', function (obj) {
    $("input[name='layTableCheckbox']").prop("checked", false);
    if (obj.type == 'one') {
        $(this).prop("checked", true);
    } else {
        layer.msg('不允许多选！', {time: 1500, icon: 0});
    }
    form.render('checkbox');
});