Jquery使用复选框选择表行

前端之家收集整理的这篇文章主要介绍了Jquery使用复选框选择表行前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我有一张桌子
<table id="rowclick2">
  <tbody>
    <tr >
      <td class="cb"><input type="checkBox" value="yes"></td>
      <td>row 1</td>
       <td>A</td>
    </tr>    
    <tr >
      <td class="cb"><input type="checkBox" value="yes" ></td>
      <td>row 2</td>
       <td>B</td>
    </tr>    
    <tr>
      <td class="cb"><input type="checkBox" value="yes"></td>
      <td>row 3</td>
      <td>C</td>  
    </tr>    
  </tbody>
</table>

在那里我想让每个单元格(当按钮被点击时)在一行中,其复选框被选中

我试过滤

$('#test').click(function(){

      $('#rowclick2 tr').filter(':has(:checkBox:checked)').each(
          //get row values
      );
    });

这很简单,但我看不到我错过了什么…

Here是jsfiddle链接

解决方法

你几乎在那里:)

如果你想要所有的< td>在检查复选框的行中:

$('#rowclick2 tr').filter(':has(:checkBox:checked)').find('td');

E.g.

$('#rowclick2 tr').filter(':has(:checkBox:checked)').find('td').each(function() {
    // this = td element
});

更精致的example是在JsFiddle。

BTW如果你像我一样发现更容易阅读,那么.filter(‘:has(:checkBox:checked)’)可以写成.has(‘:checkBox:checked’)。

猜你在找的jQuery相关文章