我怎样才能获得特定的字段值？

Question

我有一个表，在这个表中有两列和5行。在第一列中有一个复选框，第二列有一个数据。我想获取已检查项的第二列行值。 我的表ID为“tb1”，复选框ID为“cb1”，第二个字段为“da1”。

我想要像“Data2和Data5”这样的结果，这意味着我检查的是，特定的第二列（<td>）值。

这是可能的，请帮帮我。

Answer 1

<强> JS Bin

在checkbox

的帮助下，将事件绑定到每个closest和查找第二个字段“

<强>的JavaScript

   $(function(){
  $("#tb1").on('click','input',function(){
      var value =($(this).closest('tr').find('[id^=da]').text())
    alert(value)
  })
})

<强> HTML

<table id="tb1" cellpadding="5" border="1" cellspacing='0' width="200"> 
  <tr>
    <td id="cb1"><input type='checkbox' /> </td>
    <td id="da1">Data 1</td>
  </tr>
  <tr>
    <td id="cb2"><input type='checkbox' /> </td>
    <td id="da2">Data 2</td>
  </tr>
  <tr>
    <td id="cb3"><input type='checkbox' /> </td>
    <td id="da3">Data 3</td>
  </tr>
  <tr>
    <td id="cb4"><input type='checkbox' /> </td>
    <td id="da4">Data 4</td>
  </tr>


</table>

Answer 2

如果你在第二行使用cb2和da2，那么你可以在javascript中执行：

如果数据列仅为td元素：

document.getElementById("da2").innerText

如果数据列是输入元素：

document.getElementById("da2").value;