-
2021-04-13 17:25:20
this.$refs.table.store.states.selection
更多相关内容 -
js获取checkbox复选框选中的选项实例
2020-12-08 22:03:10有关javascript 获取checkbox复选框的实例数不胜数。 js实现: var form = document.getElementById("form2"); var field = form.elements["test2"]; var option = Dining.getSelectedOption(form, field); var ... -
layui 监听表格复选框选中值的方法
2020-10-18 05:31:07今天小编就为大家分享一篇layui 监听表格复选框选中值的方法,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧 -
关于如何获取复选框选中行的数据
2022-04-03 15:12:09关于如何获取复选框选中行的数据前两天遇到一个需求,需要获取复选框选中行的数据再进行数据的操作,找了几篇文章,发现要么是获取不了,要么是只能获取单行,总之就是挺模糊的,不够细致,所以就自己通过摸索实现了,现在将这个方法进行整理分享给大家。
1.首先给大家看的是我的html代码,我是用js动态生成的,本质上和页面上写的是一样的,注意该方法需要给复选框(input)加上name属性
var tbody = ' <tr class="text-center" href="' + rem.Data[i].Href + '">'
+ '<td class="text-center" name="href" href="' + rem.Data[i].Href + '">'
+ '<input type="checkbox" name="checkbox"></td>'
+ '<td class="hidden-xs font-500" name="resourcesName">' + rem.Data[i].ResourcesName + '</td>'
+ '<td class="visible-lg text-muted" name="type"> '+ rem.Data[i].Type+'</td>'
+ '<td class="visible-lg text-muted">' + rem.Data[i].UName +'</td>'
+ ' <td class="visible-lg text-muted">'
+ '<em>'+rem.Data[i].FileSize+"M"+'</em>'
+ '</td>'
+ ' </tr>'
$("#tbody").append(tbody)2.接下来是我的js代码,这个方法也可以获取到标签自定义属性的值
//获取被选中的复选框 (要定义input的name才能获取)
var checked = $("input[name=checkbox]:checked");//循环被选中复选框的长度
for (i = 0; i < checked.length; i++) {
//创建一个对象
var obj = {};//获取复选框选中的总行数里的i行
var row = $("input[name=checkbox]:checked").parent("td").parent("tr")[i];//children获取的是子元素 []指要获取的第几个子元素 innerHTML取其html文本
obj["ResourcesName"] = row.children[1].innerHTML;
obj["Type"] = row.children[2].innerHTML;
obj["Href"] = row.getAttribute("href"); //获取自定义属性的值
console.log(row.children[1].innerHTML, row.children[2].innerHTML, row.getAttribute("href"))
//将对象存进数组
array[i] = obj;
}console.log(array);
3.效果图
可以看到已经成功获取了
-
layui从数据库中获取复选框的值并默认选中方法
2020-12-11 17:22:19如下: <!doctype html> <html lang="en"> <...href="../../../static/js/css/layui.css" rel="external nofollow" media="all">...href="../../../static/css/index-gb.css" rel="external nofoll -
layui表格复选框赋值,获取表格复选框选中值,表格复选框回选
2021-09-02 20:13:33layui获取表格复选框提交/回选 表格JS table.render({ elem: '#app-from', id: 'app-from', url: '/plm/api/employee/listByRole?roleId=' + data.roleId, method: 'GET', page: true, limit:50, cols: [[ {...layui获取表格复选框提交/回选
表格JS
table.render({ elem: '#app-from', id: 'app-from', url: '/plm/api/employee/listByRole?roleId=' + data.roleId, method: 'GET', page: true, limit:50, cols: [[ {type: 'checkbox', fixed: 'left'}, {field: 'no', width: 100, title: '编号'}, {field: 'name', width: 150, title: '姓名'}, {field: 'mobile', width: 150, title: '手机号码'}, {field: 'phone', width: 150, title: '电话'} ]] ,done:function(result,currPage,count){//数据回调方法 var data = result.data; data.forEach(function(value, i) { if(value.isRole > 0){ //$('.layui-table .layui-table-body tr[data-index='+i+'] .layui-unselect').click(); // layui-unselect和layui-form-checkbox都是同一个元素的class // 上面的方式也可以,但是如果一个页面有多个表格的话,建议还是使用下面这种方式 // 没有开启浮动使用这个即可 // $('div[lay-id="app-from"] .layui-table-body tr[data-index='+i+'] .layui-form-checkbox').click(); // 开启左浮动使用这个 $('div[lay-id="app-from"] .layui-table-fixed tr[data-index='+i+'] .layui-form-checkbox').click(); } }) }, });
获取选中行
saveRoleUser:function(){ var check = table.checkStatus('app-from'); var userIds = []; $(check.data).each(function (i, o) {// o 即为表格中一行的数据 userIds.push(o.userId); }); var roleId= $("#roleId").val(); tools.request({ url: '/plm/api/role/updateUserRole', method: 'get', params: {userIds: userIds.join(","), roleId: roleId} }).done(res => { if (res.code == 0) { layer.closeAll(); layer.msg('操作成功', {icon: 1}); } else { layer.msg(res.msg, {icon: 2}); } }) },
j
-
layui-table表复选框勾选的所有行数据获取的例子
2020-10-16 09:59:39今天小编就为大家分享一篇layui-table表复选框勾选的所有行数据获取的例子,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧 -
layui默认选中table的CheckBox复选框方法
2020-10-16 08:55:40今天小编就为大家分享一篇layui默认选中table的CheckBox复选框方法,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧 -
easyUI datagrid复选框获取选中行
2019-07-05 16:12:28getSelected跟getSelections是选中行,而且getChecked是选择行。 getSelected:取得第一个选中行数据,如果没有选中行,则返回 null,否则返回记录。 getSelections:取得所有选中行数据,返回元素记录的数组数据。 ...getSelected跟getSelections是选中行,而且getChecked是选择行。
getSelected:取得第一个选中行数据,如果没有选中行,则返回 null,否则返回记录。
getSelections:取得所有选中行数据,返回元素记录的数组数据。
getChecked:取得checkbox选择行的数据,返回元素记录的数组数据。var rows = $(’#datagrid_DataPull’).datagrid(“getSelections”); //首先获得你所选择的行。
var ids = [];
for (var i = 0; i < rows.length; i++) {
alert(rows[i].JSON_id);
ids.push(rows[i].JSON_id); //这个地方跟你id值的 field内的内容一样。 将这一行的id值给ids数组了。后台接收的到是[1,2,3]这样一个数组,后台得写一个分割函数。
}**注意:**getSelections:取得所有选中行数据,若只获取到第一行选中的信息,则检查 idField值是否正确,一般此值取主键,唯一标记一行信息。
-
Layui表格点击行选中复选框,点击行选择复选框
2022-05-07 09:15:29平时操作表格选中时需要把鼠标放到复选框中点击感觉太麻烦了,如果直接点击行就可以选中就简单多了,于是就有下面代码实现 实现 基于jquery,直接复制过去即可使用 // 表格点击行自动选中 ======================... -
element带选择表格将表头的复选框改成文字的实现代码
2020-12-28 17:31:08方法一:使用表格属性:header-cell-class-name 表格界面代码 data=tableData header-cell-class-name=cellclass xss=removed> 日期 width=120> <templ -
vue之复选框选中表格行数据(全选/全不选/部分选)
2020-08-22 16:19:081.vue之复选框选中表格行数据(全选/全不选/部分选) 参考代码:https://c.runoob.com/codedemo/3870 结果: (1)全选: (2)全不选: (3)部分选 代码: <template> <div class="content"> <... -
解决layui动态加载复选框无法选中的问题
2020-12-13 10:27:43利用layui更新渲染方法和网上的一些方法去解决后极大的减少了无法选中的情况,但是暴力测试时偶尔还会出现,实在不知道什么原因,所以就用了一个折中的方法——自己写一个复选框 <!--原有layui复选框--> &... -
JQuery 获取 数据表格 复选框 选中的值
2019-11-21 11:58:01remoteSort: false, clientPaging:true, pageSize: 15, pageList: [10, 15, 20, 25, 30, 40, 50], columns:[[ {field: 'id', align: 'left', halign: 'center',checkbox:true},//设置复选框 {field: 'interid', ... -
如何从JQuery DataTable中获取包含已选中复选框的行
2021-06-12 07:46:17我需要从Jquery Datatables的隐藏列中获取已选中复选框的值(在第一个可见列中).到目前为止我已经有了bodytable$= $('#dataTable').dataTable({"bJQueryUI" : true,"bPaginate" : true,"bSort" : false,"bFilter": ... -
获取html表格中已选中的复选框
2021-06-12 07:46:19在脚本标签: HTML部分: value="Link" /> "instruction_grid"> { %> } %> Sl No. name="chkSelectAll" /> Document title Description Revision Parts name ...我需要通过选中相应的复选框来对所选行进行更新操作。 -
实现选中复选框,并取出选中复选框的那一行数据
2020-03-17 13:35:14情况:我要批量插入表格里的数据,使用复选框,选中复选框时,怎么把该复选框的行的数据也取出来。 像这样,我要取出标题,作者等信息,咋取?在这记一下。 jsp页面,我的表格是酱的,我要取fid,title,userid ... -
Iview表格点击下一页获取复选框的值以及复选框选中后的回显
2020-10-10 16:33:32}, 维护一个数组 selectEmpoyee 用于存放checked选中后的表格数据 确保id的唯一性 selectCancel(selection, row) { this.selectEmploy = this.selectEmploy.filter((item) => { return item != row.id; }); }, 多选... -
获取复选框的状态判断复选框是否选中状态
2020-09-03 16:46:50判断复选框是否选中状态 推荐两种方法的使用 第一种是prop(‘checked’); 示例代码 <input type="checkbox" id="checks"> <script> //获取文本框 let c1 = $("#checks").prop('checked'); //得到c1... -
JS删除复选框选中行
2020-04-08 19:35:58一般是在报表中,我们可以通过复选框的形式进行勾选,然后通过按钮或者超链接触发JavaScript事件,获取复选框选中行,在进行一键删除。 接下来,就来讲解一下,如何通过获取复选框,获取选中行数据,进行一键删除行... -
ElementUI表格点击行选中复选框
2021-11-24 20:36:11toggleSelection(row) { // tableOrderList是表格标签的 ref 名称 this.$refs.tableOrderList.toggleRowSelection(row); }, -
HTML页面中复选框的操作方法
2020-12-13 19:31:24第一个是关于复选框全选反选的操作,当然我在里面还加了一个小功能,就是当选择底下尚品或者其他的东西的复选框全部为选中状态时则全选按钮也变为选中状态;反之亦然。 <!DOCTYPE html> <html> <head&... -
vue element ui 获取,判断复选框选中的值
2021-12-23 18:37:42<el-form-item label="某某字段"> <el-checkbox-group v-model="form.... <el-checkbox v-for="dict in suspensionChoiceOptions" :key="dict.dictValue" :label="dict.dictValue" ... -
bootstrap datatable插件获取表格中复选框选中的所有行的数据
2021-06-17 10:54:17https://blog.csdn.net/weixin_39182073/article/details/90901435 -
spreadjs_列头添加复选框全选功能-demo.zip
2021-09-09 13:34:34spreadjs_列头添加复选框全选功能-demo -
layui table模块 获取表格中复选框选中的数据
2018-12-29 11:14:56table开启了复选框,获取所有选中的复选框中的表格数据,方法: layui.table.checkStatus('table1').data; // table1为表格id -
layui数据表格,带复选框,获取选中行数据
2021-12-13 23:30:38layui数据表格,带复选框,获取选中行数据 -
layui复选框的全选与取消实现方法
2020-10-16 12:06:21今天小编就为大家分享一篇layui复选框的全选与取消实现方法,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧