使用 jquery 从表格单元格中获取输入文本

Question

我有一张桌子

<TABLE id="dataTable">
    <TR>
        <TD><INPUT type="checkbox" class="chk"/></TD> 
        <TD><INPUT type="text" value="data1"/></TD> 
        <TD><INPUT type="text" value="data2"/></TD>
    <TR>
        <TD><INPUT type="checkbox" class="chk"/></TD> <TD>Data 2</TD> 
        <TD><INPUT type="text"/></TD> 
        <TD><INPUT type="text"/></TD> 
</TABLE>

假设我在表中有很多行。我想获取每个单元格中存在的数据并根据我的要求使用它。

我试着做

$(function()
{
   $("#somebutton").click(function()
   {
      $("#dataTable").find('tr').each(function(){
      if($(this).find('input.chk').is(':checked'))
      {
         var val1 = $(this).find('td:eq(1)').html();
         var val2 = $(this).find('td:eq(2)').html();

         alert(val1);
         alert(val2);
      }
   });
 });
});

但我从中得到的输出如下

<input type="text" value="data1">
<input type="text" value="data2">

我只想将输出作为单元格文本中存在的值给出。我尝试使用.val()and .value()，但它给了我错误。请指导我如何实现这一目标。

谢谢，

Answer 1

您需要访问输入的值，而不是 td 的值：

$(function(){
    $("#onpressofabutton").click(function(){
        var data1 = $(this).find("td:eq(0) input[type='text']").val();
        var data2 = $(this).find("td:eq(1) input[type='text']").val();
    });
});