私は基本的なhtml構造を持っています:
<table>
<tbody>
<tr class="1">
<td>
<p style="font-size:large">
<span class="muted"> This is the first object </span>
</p>
</td>
</tr>
<tr class="2">
<td>
<p style="font-size:large">
<span class="muted"> This is second object </span>
</p>
</td>
</tr>
<tr class="3">
<p style="font-size:large">
<span class="muted"> this is the third object </span>
</p>
</td>
</tr>
</tbody>
</table>
次に、チェックボックスがあります。必要な機能は、チェックボックス1がオンになっている場合、クラス1のtrのみが表示されることです。
チェックボックス2と3をクリックすると、クラス1のtrが非表示になり、2、3がdomに表示されます。
チェックボックス2、* 3 *がオフになっていて、1がクラス2でチェックされている場合、3は表示されず、1が表示されます。
これはjQueryでどのように行うことができますか?