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

时间:2016-02-15 10:11:20

标签: jquery html

我有一张表

<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">

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

谢谢,

1 个答案:

答案 0 :(得分:3)

您需要访问输入的值,而不是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();
    });
});