2017-01-01 14 views
0

このテーブルのjqueryテーブルで作業しています。チェックボックスを使用して行データを取得します。このテーブルのテキストボックスがあります。テキストボックスで正しく取得し、2番目の行をチェックしたときにtdテキストが変更されましたが、2行目のテキストボックスの値は変更されませんが、最初の1行と同じままです。 。jqueryテーブル内のテキストボックスの値の値を取得する方法

jQueryの表 これは私が値画像添付

$('#view').on('click', 'input[type="checkbox"]:checked', function() { 
        var row = $(this).closest('tr'); 
        var id = row.find('td:eq(0)').text(); 
        var fname = row.find('td:eq(1)').text(); 
        var sname = row.find('td:eq(2)').text(); 
        var cname = row.find('td:eq(3)').text(); 
        var amount = row.find('td:eq(4)').text(); 
        var paid = $('#paid').val(); 
        var discount = $('#Discount').val(); 
        var netAmount = $('#NetAmount').val(); 

        info.push({ 
         Fee_Id: id, 
         FeeHeadName: fname, 
         sname: sname, 
         cname: cname, 
         Amount: amount, 
         Paid: paid, 
         Discount: discount, 
         NetAmount: netAmount 
        }); 
        console.log(info);      
       }); 

を取得する方法テーブルの画像 enter image description here

を添付している私は

$.each(list, function (key, value) { 
         var html = $(
          '<tr>' + 
          '<td>' + value.Id + '</td>' +        
          '<td>' + value.FeeHeadName + '</td>' + 
          '<td>' + value.SchoolName + '</td>' + 
          '<td>' + value.ClassName + '</td>' + 
          '<td>' + value.Amount + '</td>' + 
          '<td>' + "<input type='text' name='Paid' id='paid'/>" + '</td>' + 
          '<td>' + "<input type='text' id='Discount' name='Discount' />" + '</td>' + 
          '<td>' + "<input type='text' id='NetAmount' name='NetAmount' />" + '</td>' + 
          '<td>' + "<input type='checkbox' class='ckb'/>" + '</td>' +        
          '</tr>'); 
         $("#view").append(html); 
         html = ''; 
        }); 

それを移入する方法でありますの1行目あなたが行からの入力の値を取得する必要があり2ST行コンソールデータ enter image description here

+0

は完全な作業例を提供します。画像はデバッグできるものではありません。たとえば、http://jsfiddle.netやスニペットを使用することができます。 – Dekel

答えて

0

のコンソールデータは enter image description here

添付画像:

var paid = row.find('#paid').val(); 
var discount = row.find('#Discount').val(); 
var netAmount = row.find('#NetAmount').val(); 
+0

それは私のために働いたが、クラスにIDを変更する必要があり、それはうまくいった@Modtafa –

関連する問題