遍历table下的checkbox是否被选中并获取当前行的id

遍历table下的checkbox是否被选中并获取当前行的id

 
  1. <script type="text/javascript">

  2.     function ch(){

  3.         var get = $(".bb");

  4.         var strIds = [];

  5.         for (i = 0 ; i < get.length; i++) {

  6.             if (get[i].checked) {

  7.             strIds.push(get[i].value);

  8.             }

  9.         }

  10.         if (strIds.length > 0) {

  11.             alert(strIds);

  12.         }

  13.         else {

  14.             alert("123456789");

  15.         }

  16.     }

  17. </script>

  18.  
  19.  
  20. <div class="tools">

  21.     <ul class="toolbar">

  22.         <li onclick="ch()"><span></span>删除</li>

  23.     </ul>

  24. </div>

  25. <table class="tablelist">

  26.   <thead>

  27. <tr>

  28. <th style="width: 52px;"><input type="checkbox"/></th>

  29. <th>编号<i class="sort"></i></th>

  30. <th>馆藏类型</th>

  31. </tr>

  32. </thead>

  33. <tbody>

  34.  
  35. <tr>

  36. <td><input type="checkbox" class="bb" value="1"/></td>

  37. <td>1</td>

  38. <td>书籍</td>

  39. </tr>

  40. <tr>

  41. <td><input type="checkbox" class="bb" value="2"/></td>

  42. <td>2</td>

  43. <td>书籍</td>

  44. </tr>

  45.  
  46. </tbody>

  47. </table>

  48.  
  49.  
  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
当你在 Bootstrap Table 中添加复选框列时,可以使用 `getSelections` 方法获取所有选中数据,包括复选框列。以下是一个示例: ```html <table id="table" data-toggle="table" data-url="data.json" data-checkbox="true"> <thead> <tr> <th data-field="state" data-checkbox="true"></th> <th data-field="id">ID</th> <th data-field="name">Name</th> <th data-field="price">Price</th> </tr> </thead> </table> <button id="btn">Get selected row</button> ``` 这个示例中,我们在表格中添加了一个复选框列,并在页面中添加了一个按钮。当用户点击按钮时,我们将获取选中数据并输出到控制台。 ```javascript $('#btn').click(function() { var selections = $('#table').bootstrapTable('getSelections'); console.log('Selected rows:', selections); }); ``` 这段代码中,我们使用 `getSelections` 方法获取所有选中数据,并将其输出到控制台。 注意,复选框列的选中状态并不会影响数据的获取,所以无需特别处理复选框列。如果需要,你可以在数据中添加一个 `checkbox` 属性,用于标识该是否选中。以下是一个示例: ```javascript $('#btn').click(function() { var selections = $('#table').bootstrapTable('getSelections'); for (var i = 0; i < selections.length; i++) { selections[i].checkbox = true; } console.log('Selected rows:', selections); }); ``` 这段代码中,我们遍选中数据的数组,并为每个数据添加一个 `checkbox` 属性,用于标识该是否选中
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值