Php 动态创建的文本框行值在jquery中传递不正确

我正在创建Laravel应用程序，它有一个页面，在该行中，每行动态添加和删除选项，并且我需要计算总分，它工作正常，但问题是无法使用post发布文本框值， 只显示了空阵列，将感谢您的帮助，提前感谢

颜色是米、缺陷、点

积分->在同一页计算，效果良好

问题是“缺陷”在提交数据时没有显示值

 <script type="text/javascript">
$(document).ready(function () {
    $('#add').click(function(){
        addRow('t')
    })
});
function keyup() {
          $(this).closest('tr').find('.tot');
    calculateSum();
}
function calculateSum() {
    var sum = 0;
    //iterate through each textboxes and add the values  
    $(".tot").each(function () {
        //add only if the value is number  
        if (!isNaN(this.value) && this.value.length != 0) {
            sum += parseFloat(this.value);
        }
    });
    //.toFixed() method will roundoff the final sum to 2 decimal places  
    $("#sum").val(sum.toFixed(2));
}
function addRow(tableID) {
    //      alert(text+id);  
    var table = document.getElementById(tableID);
    var rowCount = table.rows.length;
    var row = table.insertRow(rowCount);
    var cell1 = row.insertCell(0); //chekbox  
    var element1 = document.createElement("input");
    element1.type = "checkbox";
    element1.setAttribute('style', 'width: 47px');
    cell1.appendChild(element1);
    var cell2 = row.insertCell(1); //item  
    var element2 = document.createElement("input");
    element2.type = "text";
    element2.setAttribute("name","meter[]");  
    element2.setAttribute('style', 'width: 175px');
   // element2.setAttribute("value", "test");
    cell2.appendChild(element2);
    var cell3 = row.insertCell(2); //price  
    var element3 = document.createElement("input");
    element3.type = "text";
    element2.setAttribute("name","defects[]");  
    cell3.appendChild(element3);
    var cell4 = row.insertCell(3); //qty  
    var element4 = document.createElement("input");
    element4.type = "text";
    element4.setAttribute("class", "tot");
    cell4.appendChild(element4);
    $(element4).keyup(keyup)       
}

$（文档）.ready（函数（）{
$（'#添加'）。单击（函数（）{
addRow（'t'）
})
});
函数keyup（）{
$（this）.closest（'tr'）.find（'.tot'）；
计算um（）；
}
函数calculateSum（）{
var总和=0；
//遍历每个文本框并添加值
$（“.tot”）。每个（函数（）{
//仅当值为number时添加
如果（！isNaN（this.value）&&this.value.length！=0）{
sum+=parseFloat（此.value）；
}
});
//.toFixed（）方法将最终总和舍入到小数点后2位
$（“#sum”）.val（sum.toFixed（2））；
}
函数addRow（tableID）{
//警报（文本+标识）；
var table=document.getElementById（tableID）；
var rowCount=table.rows.length；
var row=table.insertRow（rowCount）；
var cell1=row.insertCell（0）；//chekbox
var element1=document.createElement（“输入”）；
element1.type=“复选框”；
element1.setAttribute（'style'，'width:47px'）；
单元格1.附加子元素（元素1）；
var cell2=row.insertCell（1）；//项
var element2=document.createElement（“输入”）；
element2.type=“text”；
element2.setAttribute（“名称”、“米[]”）；
element2.setAttribute（'style'，'width:175px'）；
//元素2.设置属性（“值”、“测试”）；
第2单元。附加子元素（元素2）；
var cell3=row.insertCell（2）；//价格
var element3=document.createElement（“输入”）；
element3.type=“text”；
element2.setAttribute（“名称”、“缺陷[]”）；
第三单元附属物（第三单元）；
var cell4=row.insertCell（3）；//数量
var element4=document.createElement（“输入”）；
element4.type=“text”；
元素4.setAttribute（“类”、“tot”）；
第四单元附属物（第四单元）；
$（元素4）.keyup（keyup）
}

1.

函数addRow（tableID）{
var szTr；
深交所＝‘1’
$（'#'+tableID+'tbody'）。追加（szTr）
}
函数CalculateSum（）{
var iTotal=0；
$（'#dataTable tbody tr'）。查找（'td:input'）。每个（函数（）{
如果（！isNaN（$（this.val（））&&&$.trim（$（this.val（））！=“”）{
iTotal=iTotal+parseInt（$（this）.val（），10）
}
});
警报（iTotal）
}
$（文档）.ready（函数（）{
});
1.

函数addRow（tableID）{
var szTr；
深交所＝‘1’
$（'#'+tableID+'tbody'）。追加（szTr）
}
函数CalculateSum（）{
var iTotal=0；
$（'#dataTable tbody tr'）。查找（'td:input'）。每个（函数（）{
如果（！isNaN（$（this.val（））&&&$.trim（$（this.val（））！=“”）{
iTotal=iTotal+parseInt（$（this）.val（），10）
}
});
警报（iTotal）
}
$（文档）.ready（函数（）{
});
1.

您可以在snippet或fiddle中提供演示吗？请尝试使用jquery提供的$.clone选项。我是jquery新手，如何使用此选项您可以在snippet或fiddle中提供演示吗？请尝试使用jquery提供的$.clone选项。我是jquery新手，如何使用此选项当我输入数据时，第一个文本框会正确计算总和，当我离开第一个框并输入第二个文本框时，它会创建“Nan”错误当我输入数据第一个文本框时，它会正确计算总和；当我离开第一个框并输入第二个文本框时，它会创建“Nan”错误

<TABLE id="dataTable" width="60%" border="1"> 
   <tr><TD><INPUT type="checkbox" name="chk"/></TD> 
        <TD> 1 </TD> 
        <TD> <INPUT type="defects[]"  class="txt"/> </TD> </tr>
</TABLE>
<INPUT type="button" value="Add Row" onclick="addRow('dataTable')" /> 
<INPUT type="button" value="Delete Row" onclick="deleteRow('dataTable')" /> 

<html>
<head>
<script src="http://code.jquery.com/jquery-1.10.2.js"></script>

<script>
    function addRow(tableID) {

        var szTr;
        szTr = '<tr><TD><INPUT type="checkbox" name="chk"/></TD><TD> 1 </TD>       <TD> <INPUT type="defects[]"  class="txt"/></TD> </tr>'
        $('#' + tableID + ' tbody').append(szTr)
    }
    function CalculateSum() {
        var iTotal = 0;
        $('#dataTable tbody tr').find('td :input').each(function () {
            if (!isNaN($(this).val()) && $.trim($(this).val())!="") {
                iTotal = iTotal + parseInt($(this).val(), 10)
            }

        });
        alert(iTotal)
    }
    $(document).ready(function () {



    });
</script>
</head>
<body>


  <TABLE id="dataTable" width="60%" border="1"> 
      <tbody>
     <tr><TD><INPUT type="checkbox" name="chk"/></TD> 
        <TD> 1 </TD> 
        <TD> <INPUT type="defects[]"  class="txt"/></TD> </tr>
          </tbody>
</TABLE>


<INPUT type="button" value="Add Row" onclick="addRow('dataTable');" /> 
<INPUT type="button" value="Delete Row" onclick="deleteRow('dataTable');" /> 

<INPUT type="button" value="Sum" onclick="CalculateSum();" /> 
</body>
</html>