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

最新推荐文章于 2023-08-03 16:08:46 发布

原创最新推荐文章于 2023-08-03 16:08:46 发布 · 2.0k 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#bootstrap #前端 #html

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

//选中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]});
					}
				});