DDR爱好者之家

Bootstrap Table中的多选框删除功能
站长资源 2024/11/26 佚名
48 1538
DDR爱好者之家 Design By 杰米

先上代码，后面再进行详细解释：

//删除按钮事件
    $("#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. 效果图

Bootstrap Table中的多选框删除功能

2. 获得要删除的数据

Bootstrap Table中的多选框删除功能

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

Bootstrap Table中的多选框删除功能

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

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

把idcard打印出来，

Bootstrap Table中的多选框删除功能

这时我们获得到的idcard 就是一个我们想要的到的数据，同时给他们中间以逗号隔开，传递到后台，执行多行删除语句：

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

Bootstrap Table中的多选框删除功能

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

Bootstrap Table中的多选框删除功能

注意！

执行上面的功能，一点是要用bootstrapTable 显示的表格，要不然，没有效果，

总结

以上所述是小编给大家介绍的Bootstrap Table中的多选框删除功能，希望对大家有所帮助，如果大家有任何疑问欢迎给我留言，小编会及时回复大家的！

DDR爱好者之家 Design By 杰米
广告合作：本站广告合作请联系QQ：858582 申请时备注：广告合作（否则不回）
免责声明：本站资源来自互联网收集,仅供用于学习和交流,请遵循相关法律法规,本站一切资源不代表本站立场,如有侵权、后门、不妥请联系本站删除！
DDR爱好者之家 Design By 杰米
ddrfans.com DDR爱好者之家
8,675无损音乐
1,324高清电影
213破解软件
70,141收录资讯

稳了！魔兽国服回归的3条重磅消息！官宣时间再确认！

昨天有一位朋友在大神群里分享，自己亚服账号被封号之后居然弹出了国服的封号信息对话框。

这里面让他访问的是一个国服的战网网址，com.cn和后面的zh都非常明白地表明这就是国服战网。

而他在复制这个网址并且进行登录之后，确实是网易的网址，也就是我们熟悉的停服之后国服发布的暴雪游戏产品运营到期开放退款的说明。这是一件比较奇怪的事情，因为以前都没有出现这样的情况，现在突然提示跳转到国服战网的网址，是不是说明了简体中文客户端已经开始进行更新了呢？

更新日志

友情链接

杰晶网络 DDR爱好者之家 南强小屋 黑松山资源网 白云城资源网
DDR爱好者之家 Design By 杰米