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

本文介绍了一种使用JavaScript遍历表格中的checkbox,并获取已选中项对应行ID的方法。通过示例代码展示了如何收集选中项的值并进行处理。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

遍历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.  
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值