bootstrap table判断checkbox是否选中
Posted
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了bootstrap table判断checkbox是否选中相关的知识,希望对你有一定的参考价值。
首先table的tr中使用 <th data-checkbox="true"></th>或者使用checkbox: true,启用多选列
我使用的版本:一行选中时会给行的tr元素添加类selected,根据这个来判断是否选中行。
举个栗子:选中一行时改变选中行的背景色,可多选。
$("#myTable").on('click-row.bs.table', function (e, row, element)
if($(element).hasClass('selected'))//这里进行了判断是否选中
$(element).removeClass('success');//去除之前选中的行的,选中样式
else
$(element).addClass('success');//添加当前选中的 success样式
);
参考技术A $('.radiobuttonsList').on('ifClicked', function (event)if ($(this).attr("checked",true)) //这里就可以判断当前是否被选择了
$(this).iCheck('uncheck');//如果已选择,可以用iCheck取消选择
else
$(this).iCheck('check');//如果没选择,可以用iCheck美化选择
);本回答被提问者和网友采纳
js获取table checkbox选中行的值.mdjs获取table checkbox选中行的
<!DOCTYPE html> <html> <head> <script src="https://cdn.staticfile.org/jquery/1.10.2/jquery.min.js"></script> <script> function check() { var check = $("input[type=‘checkbox‘]:checked");//在table中找input下类型为checkbox属性为选中状态的数据 var i = 0; check.each(function(){ i++; }); console.log(i); check.each(function () {//遍历 var row = $(this).parent("td").parent("tr"); var id = row.find("[name=‘id‘]").html(); //注意html()和val() var name = row.find("[name=‘name‘]").html(); console.log(id+","+name) }) } </script> </head> <body> <table id="tab"> <thead> <tr> <td>id</td> <td>name</td> </tr> </thead> <tbody> <tr> <td><input name="sub" type="checkbox" /></td> <td name="id">1</td> <td name="name">1</td> </tr> <tr> <td><input name="sub" type="checkbox" /></td> <td name="id">2</td> <td name="name">2</td> </tr> <tr> <td><input name="sub" type="checkbox" /></td> <td name="id">3</td> <td name="name">3</td> </tr> </tbody> </table> <input type="button" onclick="check()" value="提交" /> </body> </html>
以上是关于bootstrap table判断checkbox是否选中的主要内容,如果未能解决你的问题,请参考以下文章
bootstrap框架中怎么让table中显示checkbox?
Bootstrap-Vue:将角色权限实现为多个 b-form-checkbox 数组,在 b-table 中显示为列。不工作