Bootstrap Table中的多选框删除功能
更新时间：2018年07月15日 14:44:08 作者：Fly_tom
这篇文章主要介绍了Bootstrap Table中的多选框删除功能，非常不错，具有一定的参考借鉴价值，需要的朋友可以参考下
先上代码，后面再进行详细解释：
//删除按钮事件
$("#remove").on("click", function () {
// $("#table").bootstrapTable('getSelections');为bootstrapTable自带的，所以说一定要使用bootstrapTable显示表格,#table：为table的id
var rows = $("#table").bootstrapTable('getSelections');
console.log(rows);
if (rows.length == 0) {// rows 主要是为了判断是否选中，下面的else内容才是主要
alert("请先选择要删除的记录!");
return;
} else {
var arrays = new Array();// 声明一个数组
$(rows).each(function () {// 通过获得别选中的来进行遍历
arrays.push(this.cid);// cid为获得到的整条数据中的一列
});
var idcard = arrays.join(','); // 获得要删除的id
console.log(idcard);
}
})
1. 效果图
2. 获得要删除的数据
接下来，再来看一下这一行代码的效果，把rows打印到控制台：
可以看到选中删除后，获得到的，就是一条完整重数据库中的查询内容，其中的cid就为每一条数据的id（主键）。
先选中多选框，当点击删除按钮时：在控制台接收到选中的cid，当然后台数据中一定要传递icd来，cid可以不用显示在表格中，
把idcard打印出来，
这时我们获得到的idcard 就是一个我们想要的到的数据，同时给他们中间以逗号隔开，传递到后台，执行多行删除语句：
3. 传递数据到后台执行删除sql
这时就可以成功获得要删除整条数据的id，当然你也可以获得其他列的数据，例如：
注意！
执行上面的功能，一点是要用bootstrapTable 显示的表格，要不然，没有效果，
总结
以上所述是小编给大家介绍的Bootstrap Table中的多选框删除功能，希望对大家有所帮助，如果大家有任何疑问欢迎给我留言，小编会及时回复大家的！
相关文章
这篇文章主要介绍了JavaScript模板引擎用法,涉及javascript实现模板的定义与字符替换的相关技巧,具有一定参考借鉴价值,需要的朋友可以参考下2015-07-07
本地Bootstrap文件字体图标引入却无法显示问题的解决方法
这篇文章主要为大家详细介绍了本地Bootstrap文件字体图标引入却无法显示问题的解决方法，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2016-12-12
这篇文章主要介绍了小程序两种滚动公告栏的实现方法，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2019-09-09
这篇文章主要为大家详细介绍了微信小程序实现简单的摇骰子游戏，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2021-05-05
listbox竟然可以实现选项的添加删除和搜索不可思议吧，至于采用什么样的方法实现的，具体代码祥看本文喽，或许可以帮助到你2013-03-03
下面小编就为大家带来一篇javascript小数精度丢失的完美解决方法。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧2016-05-05
js中setTimeout()与clearTimeout()用法实例浅析
这篇文章主要介绍了js中setTimeout()与clearTimeout()用法,以实例形式分析了setTimeout()与clearTimeout()的功能与使用技巧,需要的朋友可以参考下2015-05-05
这篇文章主要介绍了浏览器调试动态js脚本的方法，文中给大家带来两种调试方法，非常不错，具有参考借鉴价值,需要的朋友可以参考下2018-01-01
本文介绍了webpack实现热加载自动刷新的方法，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧2017-07-07
这篇文章主要介绍了JSONP原理及简单实现的相关资料,非常不错具有参考借鉴价值，需要的朋友可以参考下2016-06-06
最新评论