[mysql]自动计算的动态文本框值的总和

发布时间: 2017/2/17 0:51:15
注意事项: 本文中文内容可能为机器翻译,如要查看英文原文请点击上面连接.

我在做一个 php,mysql 网站为计费...我想在文本框中的值的总和。可以添加行,按用户要求......,但。我试着大多数的事情。但得不到正确...如何让文本框中的所有值的总和中最后一列率......我指的是无需任何用户输入按钮单击...有人能帮我用这段代码...

在此先感谢。

我提出将行添加到表的代码。

         function addRow(tableID) {
        var table = document.getElementById(tableID);

        var rowCount = table.rows.length;
        var row = table.insertRow(rowCount);

        var cell1 = row.insertCell(0);
        var element1 = document.createElement("input");
        element1.type = "text";
        element1.name="s_no[]";
        element1.size="25";
        element1.value = rowCount;
        cell1.appendChild(element1);


        var cell2 = row.insertCell(1);
        var element2 = document.createElement("input");
        element2.type = "text";
        element2.name="p_id[]";
        element2.size="25";
        cell2.appendChild(element2);

        var cell3 = row.insertCell(2);
        var element3 = document.createElement("input");
        element3.type = "text";
        element3.name="p_name[]";
        element3.size="25";
        cell3.appendChild(element3);

        var cell5 = row.insertCell(3);
        var element5 = document.createElement("input");
        element5.type = "text";
        element5.name="mrp[]";
        element5.size="25";
        cell5.appendChild(element5);

        var cell6 = row.insertCell(4);
        var element6 = document.createElement("input");
        element6.type = "text";
        element6.name = "qty[]";
        element6.size="25";
        cell6.appendChild(element6);

        var cell7 = row.insertCell(5);
        var element7 = document.createElement("input");
        element7.type = "text";
        element7.name = "rate[]";
        element7.size="25";
        cell7.appendChild(element7);

        var cell8 = row.insertCell(6);
        var element8 = document.createElement("input");
        element8.type = "checkbox";
        element8.name = "check";
        cell8.appendChild(element8);




}

表的 html 代码︰

    <th width="17%"><label>S.No</label></th>
    <th width="17%">Product Id</th>
    <th width="17%">Product Name</th>
    <th width="17%">MRP</th>
    <th width="17%">Qty</th>
    <th width="18%">Rate</th>
    <th width="18%">Check</th>


</tr>


总计

解决方法 1:

HTML:

<input name="qty[]" type="text" value="0" /><br />
<input name="qty[]" type="text" value="0" /><br />
<input name="qty[]" type="text" value="0" /><br />
<input name="qty[]" type="text" value="0" /><br />
<input name="qty[]" type="text" value="0" /><br />
<input name="sum" type="text" value="0" />

Javascript:

//Get a list of input fields to sum
var elements = document.getElementsByName("qty[]");
var element_array = Array.prototype.slice.call(elements);

//Assign the keyup event handler
for(var i=0; i < element_array.length; i++){
    element_array[i].addEventListener("keyup", sum_values);
}

//Function to sum the values and assign it to the last input field
function sum_values(){
    var sum = 0;
    for(var i=0; i < element_array.length; i++){
        sum += parseInt(element_array[i].value, 10);
    }
    document.getElementsByName("sum")[0].value = sum;
}
官方微信
官方QQ群
31647020