Javascript/Jquery计算动态文本框表单

我得到了一个jquery代码来创建动态文本框。以下是我的jquery代码：

    var rowNum = 0;
    function addRow(frm) {
    rowNum ++;
    var row = '<p id="rowNum'+rowNum+'">Tanggal: <input type="text" class="datepick" name="qty[]" id="date'+rowNum+'" value="'+frm.add_qty.value+'" readonly="readonly"> Harga: <input type="text" name="name[]" value="'+frm.add_name.value+'" readonly="readonly"> <input type="button" value="Remove" onclick="removeRow('+rowNum+');"></p>';
    jQuery('#itemRows').append(row);
    frm.add_qty.value = '';
    frm.add_name.value = '';
    }

    function removeRow(rnum) {
    jQuery('#rowNum'+rnum).remove();
    }

var rowNum=0；
函数addRow（frm）{
rowNum++；
变量行=“
Tanggal:Harga:
”；
jQuery（'#itemRows'）.append（row）；
frm.add_数量值=“”；
frm.add_name.value=''；
}
函数移除器（rnum）{
jQuery（'#rowNum'+rnum）.remove（）；
}

这是我的表格代码：

   <div class="form-group">
   <label>Price Given</label>
      <div id="itemRows">                                
      <label class="strong">Date: <input type="text" name="add_qty" class="datepick" id="date[]" /> 
      Price: <input type="text" name="add_name" /> 
        <input onclick="addRow(this.form);" type="button" value="Add" />
     </div>
    </div>
<div class="form-group">
    <label>Total</label>
      <input type="text" class="form-control" name="total" id="total" />
    <button type="button" name="calculate">Calculate</button>
</div>

给出的价格
日期：
价格：
全部的
算计

---

我的问题是，如何创建我的文本框“总计”可以自动或可以计算（通过按下按钮计算）文本框“添加名称”（价格）的总计？我希望有一种最简单的方法来进行此计算。

请尝试此代码

 $(document).ready(function(){
        $("input[type='text'][name='add_name']").change(function(){
            var sum = 0
            $("input[type='text'][name='add_name']").each(function(){
                sum = sum + parseInt($(this).val());
            });
            $("input[type='text'][name='total']").val(sum);
        });
    });

试试这个

$('[name="calculate"]').on('click', function() {
    var sum = 0;
    $('[name="add_name"]').each(function() {
        sum += $(this).val();
    })
    $('#total').val(sum);
})

---

输入字段的名称，该字段的值为“add_Name”，对吗？是的，正确！从StackOverflow获得代码请验证我的答案。检查答案是否解决了您的问题我已经更新了“演示”。请核实。当您输入值时，总值将发生变化：）您好，谢谢您的回答，我已经尝试过这样做：但它不会自动改变总值。或者此方法用于按钮？对不起，我在JQueryIt的知识很少，帮助别人总是很愉快：）