javascript - 如何通过表 ID 选择表中所有具有类名的复选框

Question

我的页面上有几个表，还有一个 ID 为 workOneTable 的表。我在表中有几行的类名是 .rsvLine，还有更多行的类名是 .vtoLine。我需要能够选择类名称为 .rsvLine 的 workOneTable 中的所有复选框。我已经尝试了几件事。

$( '#workOneTable :checkbox.rsvLine' ).prop( 'checked', this.checked );

$( '#workOneTable' ).find( 'input[type=checkbox]' ).prop( 'checked', true );

$( '#workOneTable tbody .rsvLine :checkbox' ).prop( 'checked' );

非常感谢任何帮助。

编辑

这是 html 代码中最相关的部分。

<table id=workOneTable>
<thead>
    several rows here
</thead>
<tbody>
    <tr>
        <td class="rsvLine"><input type="checkbox" ></td>
        <td class="rsvLine"><input type="checkbox" ></td>
        <td class="rsvLine"><input type="checkbox" ></td>
        <td class="vtoLine"><input type="checkbox" ></td>
        <td class="vtoLine"><input type="checkbox" ></td>
        <td class="vtoLine"><input type="checkbox" ></td>
        <td class="rsvLine">other stuff</td>
        <td class="rsvLine">other stuff</td>
    </tr>
</tbody>

如果不使用table id，我可以选择正确的。它将选择所有表中的 .rsvLine。这是我为此使用的代码。

$( '.rsvLine :checkbox' ).each( function ()
            {
                if ( !$( this ).prop( "checked" ) )
                {
                    this.click();
                }
            } );

Answer 1

你需要这个

$( "#workOneTable .rsvLine input[type=checkbox]" ).each(function() {
  $( this ).prop('checked', true);
});

举个例子

$( "#workOneTable .rsvLine input[type=checkbox]" ).each(function() {
  $( this ).prop('checked', true);
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<table id=workOneTable>
<thead>
    several rows here
</thead>
<tbody>
    <tr>
        <td class="rsvLine"><input type="checkbox" ></td>
        <td class="rsvLine"><input type="checkbox" ></td>
        <td class="rsvLine"><input type="checkbox" ></td>
        <td class="vtoLine"><input type="checkbox" ></td>
        <td class="vtoLine"><input type="checkbox" ></td>
        <td class="vtoLine"><input type="checkbox" ></td>
        <td class="rsvLine">other stuff</td>
        <td class="rsvLine">other stuff</td>
    </tr>
</tbody>

</div>