2016-02-15 2 views
-3

У меня есть таблица сПолучить ввод текста из ячейки таблицы с помощью JQuery

<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() и .value(), но это дает мне ошибку. Пожалуйста, помогите мне, как это достичь.

Спасибо,

+1

Где кнопка находится в коде? – RRK

+0

@shanky попробуйте этот 'var data1 = $ (this) .find ('td: eq (0): input [type =" text "]'). Html();'. Дайте мне знать, если он решит вашу проблему. – androidGenX

+0

@androidGenX, спасибо за помощь. Я отвечу на ваш ответ :) – shanky

ответ

1

Вы должны получить доступ к значению на входе, а не стоимость ТД:

$(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(); 
    }); 
}); 
+0

hey @RononDex. Большое спасибо. Это работает идеально для меня. – shanky

+0

проверить это https://jsfiddle.net/yb86zj0p/ – androidGenX