Question

<table style="width:100%">
 <tr>
    <th>NAME</th>
   <th> <input type="checkbox" name="" id="approvechk" value="1">  APPROVE</th>
   <th><input type="checkbox" name="" id="disapprovechk"> DISAPPROVE</th>

 </tr>
  <tr>
    <td approve>Jill</td>

  </tr>
  <tr>
   <td approve>Jack</td>

  </tr>
  <tr>
   <td disapprove>Doe</td>

  </tr>
  <tr>
    <td>John</td>

  </tr>
</table>

当我点击批准或拒登复选框时，具有相应批准或拒绝属性的名称应填写在相应的APPROVE和DISAPPROVE列上。我怎样才能轻松使用Jquery？

Answer 1

这是您要求的实现。

您可以使用：

$("#approvechk").prop("checked");

查看您的复选框是否已选中。返回值是布尔值。

然后，我使用nth-child选择器选择正确的列：

$("table tr:nth-child("+tableIndex+") td:nth-child(2)").html($(value).text());

请记住nth-child索引从一开始。所以表索引从2开始。

我确信有一种更清洁的方式。这段代码虽然有用，但请尝试：

https://jsfiddle.net/mantisse_fr/g8rehfmh/

在jQuery中基于ibn条件将一列复制到另一列

1 个答案: