LayUI Table 复选框 获取选中的数据

这篇具有很好参考价值的文章主要介绍了LayUI Table 复选框 获取选中的数据。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

方法1 点击复选框 收集或者移除编号
//以下为复选框的相关操作
table.on('checkbox(container)', function (obj) {
        if (obj.checked) {
            //obj.type如果触发的是全选,则为:all,如果触发的是单选,则
            if (obj.type === "one") {
                mns.push(obj.data.stacode);
            } else {
                var datas = table.getData("table") // 例如 let data = table.getData('Table-List');
                $.each(datas, function (idx, item) {
                    mns.push(item.stacode);
                });
            }
        } else {
            if (obj.type === "one") {
                //获取cc在数组中所在的下标
                var index = jQuery.inArray(obj.data.stacode, mns);
                //从array中的第index元素开始删,删除的长度为1
                mns.splice(index, 1);
            } else {
                mns = [];
            }
        }
        console.log(mns.join(","));
    }
);

方法2 统一收集文章来源地址https://www.toymoban.com/news/detail-532516.html

var datas = table.checkStatus("table").data;
$.each(datas, function (idx, item) {
    if (item.online) {
        mns.push(item.stacode);
    }
});
 

到了这里,关于LayUI Table 复选框 获取选中的数据的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包赞助服务器费用

相关文章

  • 解决el-table数据量过大(上万条)加载及复选框选择卡顿问题

    需要用到umy-ui组件及虚拟表格。 安装: 引用: 1,数据量加载卡顿问题。 把el-table改成u-table。 把el-table-column改成u-table-column。 u-table增加三个属性(必须): use-virtual,row-height,height,表示启用虚拟列表。  如此一来便可流畅加载上万条数据了。 2,复选框默认选择,全选卡顿

    2024年02月12日
    浏览(10)
  • 自定义el-tree复选框选中状态vue elementUI

    :check-strictly属性:该属性默认false,表示严格遵循父子相互关联。父子相互关联(即选中父节点其所有子节点全部选中,取消选中父节点其子节点全部取消,且折叠、展开状态都一样)。 Attributes属性 参数 说明 类型 可选值 默认值 check-strictly 在显示复选框的情况下,是否严格

    2023年04月09日
    浏览(11)
  • odoo wizard界面显示带复选框列表及勾选数据获取

    odoo wizard界面显示带复选框列表及勾选数据获取

    Odoo 14.0-20221212 (Community Edition) 如下图(非实际项目界面截图,仅用于介绍本文主题),打开记录详情页(form视图),点击某个按钮(图中的\\\"选取ffers\\\"按钮),弹出一个向导(wizard)界面,并将详情页中内联tree视图(\\\"Offers\\\" Tab页)的列表记录展示到向导界面,且要支持复选框,用于选取

    2023年04月22日
    浏览(9)
  • 完美解决微信小程序使用复选框van-checkbox无法选中

    完美解决微信小程序使用复选框van-checkbox无法选中

    由于小程序使用了vant-ui框架,导致checkbox点击无法选中问题   记得定义 checked 默认值   解决办法 : 添加onChange事件,给 checked 做赋值操作。 可以打印看看console.log(e) 选中效果: 取消选中效果:    

    2024年02月12日
    浏览(12)
  • 【ElementUI】el-table中复选框禁用处理

    【ElementUI】el-table中复选框禁用处理

    Vue 项目开发过程中,尤其是后台管理开发,经常会用到 ElementUI 中的表格和表单,有时候我们需要在表格中添加复选框,来实现全选和单选当前行的操作,而这时如果有条件要限制选框是否禁用该如何处理呢?这就需要展开来说了,因为表头全选和表格行中的单个选择处理是

    2024年02月07日
    浏览(9)
  • 使用ElementUI的el-tab+vxe-table表格+复选框选择

    使用ElementUI的el-tab+vxe-table表格+复选框选择

    效果: 功能:首先进来是全部清空的状态的 点击左边选择不同项右边会实时发送接口获取数据填充表格 复选的内容可以保留显示,比如A的1勾选后切换到B再切换回来A的1仍然是勾选状态 说实话官网的setCheckboxRow方法我实现不了,这里就是纯蠢蠢的办法实现,在这里做个记录

    2024年01月17日
    浏览(9)
  • element-ui的el-table表格复选框只能单选,不可多选

    element-ui的el-table表格复选框只能单选,不可多选

    element的el-table表格复选框只能选中一条,选择下一条,上一条去掉勾选。使用文档中select方法,el-table绑定一个ref。具体代码实现如下 toggleRowSelection:用于多选表格,切换某一行的选中状态,如果使用了第二个参数,则是设置这一行选中与否(selected 为 true 则选中) 

    2024年02月11日
    浏览(14)
  • Element-Puls Form表单内嵌套el-table表格,根据表格复选框多选或单选动态设置行的验证规则

    Element-Puls Form表单内嵌套el-table表格,根据表格复选框多选或单选动态设置行的验证规则

    根据 Table 表格内的复选框来控制当前选中行是否添加必填校验规则 我们需要设置一个 flag 来标识已勾选的行,el-table渲染数据结构是数组对象形式,我们可以在每个对象中手动加如一个标识,例如默认:selected : false,如你的源数据中已有类似key,则可用它作于唯一标识 htm

    2024年02月02日
    浏览(19)
  • Django + Xadmin 数据列表复选框显示为空,怎么修复这个问题?

    Django + Xadmin 数据列表复选框显示为空,怎么修复这个问题?

    先根据报错信息定位到源代码: 在该文件顶部写入: 然后把: 修改为: 如图:

    2024年02月15日
    浏览(40)
  • html之input复选框变为圆形、自定义复选框、消除默认样式、去除默认样式、事件代理、事件委托

    input 标签对事件委托不起作用,需要单独在 input 上绑定事件。 w3school outline (轮廓)是绘制于元素周围的一条线,位于边框边缘的外围,可起到突出元素的作用。 注释:轮廓线不会占据空间,也不一定是矩形。 outline 简写属性在一个声明中设置所有的轮廓属性。 MDN CSS的 outli

    2024年02月16日
    浏览(10)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包