簡體   English   中英

如何獲取jquery表中文本框的值

[英]How to get the value value of textbox inside jquery table

我正在此表上的jQuery表上工作,我使用復選框獲取行數據,我在此表中有一些文本框,當我檢查第一行時文本框的值正確獲得然后再檢查第二行時,這些文本框存在問題td文本已更改,但第二行的文本框值未更改,仍與第一行相同,我想獲取每一行的正確值以幫助我。

jQuery Table這是我如何填充它

 $.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 = '';
                    });

我已附上桌子圖片 在此處輸入圖片說明

我如何獲得價值

$('#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);                    
                });

第一行控制台數據的附加圖像 在此處輸入圖片說明

第二行控制台數據的附加圖像 在此處輸入圖片說明

您需要從該行獲取輸入的值:

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

暫無
暫無

聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM