如何在引导中利用表实现一个多选框删除功能

  介绍

这篇文章主要介绍了如何在引导中利用表实现一个多选框删除功能,此处通过实例代码给大家介绍的非常详细,对大家的学习或工作具有一定的参考价值,需要的朋友可以参考下:

引导是什么

引导是目前最受欢迎的前端框架,它是基于HTML, CSS, JAVASCRIPT的,它简洁灵活,使得网络开发更加快捷,它还有一个响应最好的网格系统,并且能够在手机端通用,而引导是使用许多可重用的CSS和JAVASCRIPT组件,可以帮助实现需要的几乎任何类型的网站的功能,此外,所有这些组件都是响应式的。

//删除按钮事件   ,,,(“# remove")美元。(“click",, function  (), {   ,,,,,//,美元(“# table") .bootstrapTable (& # 39; getSelections& # 39;);为bootstrapTable自带的,所以说一定要使用bootstrapTable显示表格,#表:为表的id   ,,,,,var  rows =, (“# table")美元.bootstrapTable (& # 39; getSelections& # 39;);   ,,,,,console.log(行);   ,,,,,if  (rows.length ==, 0), {//, rows 主要是为了判断是否选中、下面其他的内容才是主要   ,,,,,,,警报(“请先选择要删除的记录!“);   ,,,,,,,返回;   ,,,,,},{else    ,,,,,,,var  arrays =, new 数组();//,声明一个数组   ,,,,,,,(行),每美元(function (),{//,通过获得别选中的来进行遍历   ,,,,,,,,,arrays.push (this.cid);//, cid为获得到的整条数据中的一列   ,,,,,,,});   ,,,,,,,var  idcard =, arrays.join(& # 39; & # 39;);,//,获得要删除的id   ,,,,,,,console.log(经办人身份证);   ,,,,,}   ,,,})

1。效果图

如何在引导中利用表实现一个多选框删除功能

2。获得要删除的数据

如何在引导中利用表实现一个多选框删除功能

接下来,再来看一下这一行代码的效果,把行打印到控制台:

如何在引导中利用表实现一个多选框删除功能

可以看到选中删除后,获得到的,就是一条完整重数据库中的查询内容,其中的cid就为每一条数据的id(主键)。

先选中多选框,当点击删除按钮时:在控制台接收到选中的cid,当然后台数据中一定要传递icd来,cid可以不用显示在表格中,

把经办人身份证打印出来,

如何在引导中利用表实现一个多选框删除功能

这时我们获得到的经办人身份证就是一个我们想要的到的数据,同时给他们中间以逗号隔开,传递到后台,执行多行删除语句:

3。传递数据到后台执行删除sql

如何在引导中利用表实现一个多选框删除功能

这时就可以成功获得要删除整条数据的id,当然你也可以获得其他列的数据,例如:

如何在引导中利用表实现一个多选框删除功能

到此这篇关于如何在引导中利用表实现一个多选框删除功能的文章就介绍到这了,更多相关如何在引导中利用表实现一个多选框删除功能的内容请搜索以前的文章或继续浏览下面的相关文章希望大家以后多多支持!

如何在引导中利用表实现一个多选框删除功能