bootstrap table checkBy根据设置的条件选中行，项目中可以用于多选。

机智的成大

于 2021-11-11 11:51:30 发布

阅读量2k

点赞数 1

CC 4.0 BY-SA版权

文章标签： bootstrap 前端 html

本文链接：https://blog.youkuaiyun.com/ITCwg/article/details/121264980

这篇博客介绍了如何利用BootstrapTable的API进行行选择，特别是针对特定ID或字段值进行多行选择。示例代码展示了如何通过JavaScript遍历数据并根据特定字段值选中表格中的行，这对于前端数据交互和操作具有实际应用价值。

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

//选中Id为1和23的行，案例
$('#table').bootstrapTable('checkBy', {field: 'Id', values:[1, 23]});
//项目中运用
//点一个选中相同数据。
		$.each(allTableData, function (id, node) {
		//把全部数据循环后，判断和当前点击的数据的某个值是否相等，相等的话执行选中。
					if (node.orderNo == row.orderNo) {
						// node.flag = false
						// orderNo相同的选中
						//选中orderNo和当前点击相同的数据
						$("#inpMaintenanceClinic #patient-main-table").bootstrapTable('checkBy', {field: 'orderNo', values:[row.orderNo]});
					}
				});