如何获得特定的字段值？答案

【问题标题】：How can I get particular field value?如何获得特定的字段值？
【发布时间】：2014-03-19 14:57:00
【问题描述】：

我有一张桌子，在这张桌子上有两列和五行。在第一列有一个复选框，第二列有一个数据。我想获得检查项目的第二列行值。我的表 id 是“tb1”，复选框 id 是“cb1”，第二个字段 id 是“da1”。

我想要像“Data2 和 Data5”这样的结果，这意味着无论我检查什么，特定的第二列 (<td>) 值。

这是可能的，请帮助我。

【问题讨论】：

“get”是什么意思？用什么语言？在客户端还是在服务器上？
行是动态添加还是手动添加？
提供更多信息来帮助你，同时，你到目前为止所尝试的，也可以在你的问题中添加，让每个人都清楚。
动态添加行
无论行数如何，您总是想得到没有 2 和 5？

标签： html checkbox html-table

【解决方案1】：

JS Bin

在checkbox 的帮助下将事件绑定到每个checkbox 并找到第二个字段

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>

【讨论】：

【解决方案2】：

如果您在第二行使用 cb2 和 da2，那么在 javascript 中您可以这样做：

如果数据列仅是 td 元素：

document.getElementById("da2").innerText

如果数据列是输入元素：

document.getElementById("da2").value;

【讨论】：