方法一:通过配置check属性禁用所有复选框 如果你想在初始化表格时禁用所有复选框,可以在table.init或table.render的配置项中设置check属性的checkbox子属性为{disabled: true}。 javascript layui.use('table', function() { var table = layui.table; table.render({ elem: '#data_table', url: ctxPath + ...
table.on('checkbox(dataguid1Table)',function(obj){ console.log(obj.checked);//当前是否选中状态 console.log(obj.data);//选中行的相关数据 console.log(obj.type);//如果触发的是全选,则为:all,如果触发的是单选,则为:one //选中时加入set 否则移除 if(obj.checked){ checkedSet.add(obj.data.uuid...
LayUI这几年比较流行,里面的Table组件也比较强大,但是前面的CheckBox没有禁止选中功能,今天就来试试,看看能不能给添加一个禁止选中功能。 Fork LayUI源码 LayUI项目地址 Clone到本地 找到src里面lay下面的modules文件夹里面的table.js 添加字段标记 参照这里我们也添加一个"IS_DISABLE"的标记 添加完如下 config: {...
在layui数据表格中设置了字段为type:checkbox 但是想要实现部分不显示,不可选的功能。 layui内置没有该功能,所以只能自己实现。 使用templet实现 代码语言:javascript 复制 table.render({ elem: '#junTable', url: '', cols: [[ { templet: "#checkbd", title: "<input type='checkbox' name='siam_all...
// checkbox 根据条件设置不可选中 $('tr[data-index=' + i + '] input[type="checkbox"]').prop('disabled', true); state = "1";// 隐藏表头全选判断状态 } if(state=='1'){ $('th[data-field="1"] input[type="checkbox"]').prop('disabled', true); // 禁止全选 ...
layuitable复选框禁⽌某⼏条勾选的实例 Layui table复选框禁⽌勾选 var list = [0,1,3];//获得禁⽤的tr的⾏index //遍历设置复选框禁⽤ for(var i=0;i<list.length;i++){ $(".layui-table tr[data-index="+list[i]+"] input[type='checkbox']").prop('disabled',true);$("...
Layui table复选框禁止勾选 var list = [0,1,3];//获得禁用的tr的行index //遍历设置复选框禁用 for(var i=0;i<list.length;i++){ $(".layui-table tr[data-index="+list[i]+"] input[type='checkbox']").prop('disabled',true); $(".layui-table tr[data-index="+list[i]+"] inpu...
由于layui没有自己的记忆功能,所以需要自己来实现,我们先来看看layui给我们checkbox生成的代码吧 未勾选生成的代码: 代码语言:javascript 复制 <divclass="layui-table-cell laytable-cell-2-0-0 laytable-cell-checkbox"><input type="checkbox"name="layTableCheckbox"lay-skin="primary"><divclass="layui-...
layui-自定义多选-禁用.rar 基于layui的日期控件进行拓展的控件。自定义layui日期控件,实现可以多选、禁止选择(例如某周六周天不可选)。 上传者:fangchao2011时间:2019-05-23 layui table中的列为checkbox 使layui中table表格中的列单元格显示为单选框checkbox ...