本文摘自PHP中文网,作者爱喝马黛茶的安东尼,侵删。

效果图:点击 bootstrapTable 单选的按钮, 选中该列, 取到该列的所有值。
js 代码 : bootstrapTable 初始化
相关推荐:《bootstrap入门教程》
注意:
singleSelect : true, // 单选checkbox
columns : [ { checkbox: true } ] // bootstrapTable 显示单选checkbox列
bootstrapTable url : '<c:url value='/item/entry/main_info/list_data'/>', 后台json数据。
注意:第一个图片中的 chrome F12 中的 Object 就是selectContent =table.bootstrapTable('getSelections')[0] 中的数据了。
这样我们就能取到bootstrap单选框选择一行的数据。
以上就是bootstrap如何设置表格单选按钮的详细内容,更多文章请关注木庄网络博客!
相关阅读 >>
浅谈css grid比bootstrap更适合创建布局的原因
更多相关阅读请进入《bootstrap》频道 >>

Vue.js 设计与实现 基于Vue.js 3 深入解析Vue.js 设计细节
本书对 Vue.js 3 技术细节的分析非常可靠,对于需要深入理解 Vue.js 3 的用户会有很大的帮助。——尤雨溪,Vue.js作者