Javascript 表的列输入之和_Javascript

Javascript 表的列输入之和

javascript

Javascript 表的列输入之和,javascript,Javascript,我有一张如下表： <!doctype html> <html> <head> <meta charset="utf-8"> <title>Untitled Document</title> </head> <body> <table class="productList" width="600"> <tr> <th colspan=

我有一张如下表：

       <!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Untitled Document</title>
</head>

<body>
<table class="productList" width="600">
    <tr>
        <th colspan="9" align="left"> Select your product list</th>
    </tr>
    <tr class="head">
        <td width="25" align="right"></td>
        <td width="270" align="center">Product Name</td>
        <td width="80" align="center">Quantity</td>
        <td width="80" align="center">Unit Price</td>
        <td width="80" align="center">Line Total</td>
    </tr>
    <tr>
        <td align="center"><label class="arow" data-icon="&#x45;"></label></td>
        <td><select name="productname" class="datagridInput" disabled required>
                <option value="1">1</option>
                <option value="2">2</option>
                <option value="3">3</option>
                <option value="4">4</option>
            </select></td>
        <td><input name="quantity" type="text" class="datagridInput" ></td>
        <td><input name="purchase_price"type="text" class="datagridInput"></td>
        <td><input name="linetotal"  type="text" class="datagridInput" readonly></td>
    </tr>
    <tr>
        <td align="center"><label class="arow" data-icon="&#x45;"></label></td>
        <td><select name="productname" class="datagridInput" disabled required>
                <option value="1">1</option>
                <option value="2">2</option>
                <option value="3">3</option>
                <option value="4">4</option>
            </select></td>
        <td><input name="quantity" type="text" class="datagridInput" ></td>
        <td><input name="purchase_price"type="text" class="datagridInput"></td>
        <td><input name="linetotal"  type="text" class="datagridInput" readonly></td>
    </tr>
    <tr>
        <td align="center"><label class="arow" data-icon="&#x45;"></label></td>
        <td><select name="productname" class="datagridInput" disabled required>
                <option value="1">1</option>
                <option value="2">2</option>
                <option value="3">3</option>
                <option value="4">4</option>
            </select></td>
        <td><input name="quantity" type="text" class="datagridInput" ></td>
        <td><input name="purchase_price"type="text" class="datagridInput"></td>
        <td><input name="linetotal"  type="text" class="datagridInput" readonly></td>
    </tr>
    <tr>
        <td align="center"><label class="arow" data-icon="&#x45;"></label></td>
        <td><select name="productname" class="datagridInput" disabled required>
                <option value="1">1</option>
                <option value="2">2</option>
                <option value="3">3</option>
                <option value="4">4</option>
            </select></td>
        <td><input name="quantity" type="text" class="datagridInput" ></td>
        <td><input name="purchase_price"type="text" class="datagridInput"></td>
        <td><input name="linetotal"  type="text" class="datagridInput" readonly></td>
    </tr>
    <tr>
        <td align="center"><label class="arow" data-icon="&#x45;"></label></td>
        <td><select name="productname" class="datagridInput" disabled required>
                <option value="1">1</option>
                <option value="2">2</option>
                <option value="3">3</option>
                <option value="4">4</option>
            </select></td>
        <td><input name="quantity" type="text" class="datagridInput" ></td>
        <td><input name="purchase_price"type="text" class="datagridInput"></td>
        <td><input name="linetotal"  type="text" class="datagridInput" readonly></td>
    </tr>
</table>
<label for="net_ammount">Net Ammount:</label>
<input type="text" name="net_ammount" class="summary" disabled>
</body>
</html>

请帮助我找到每行总计列输入值的总和，并显示在净额输入元素中。每个输入都有相同的id，实际上我用它的行和列索引值找到了它们

数据来自服务器。当用户更改产品代码时，所有字段都将启用，当用户选择“产品总行”列中显示的产品总行值时。请到

用户名：BlueFlame 2014 密码：Blueflame@2014

我想知道用户在datagrid中选择产品代码的时间。以净额显示的所有行总计的总和

请有人帮帮我

下面是我的表格

ID永远不能相同，ID是唯一的，类在HTML中可以是相同的多个

我错把它放在了注释而不是答案框中：

假设您输入了净值元素的id，summary\u Net\u Amount，答案是这样的：

function calculateLineTotals(){
    var $linetotals = $("input[name=\"linetotal\"]");
    var sum = 0;
    $linetotals.each(function() {
        sum += parseInt($(this).val());
    });
    $("#summary_net_amount").val(sum);
}

由于linetotal input上没有任何内容，因此这可能会给出NAN，但此方法必须在按钮单击或任何其他事件中写入并调用它，您将更新文本框

function getTotal() {
  var linetotal =0;    
  var line = document.forms[0].elements["linetotal"];

  for (var i = 0, len = line.length; i < len; i++) {  
       linetotal = linetotal  + parseInt(line[i].value) ;
  }
 document.getElementById("summary").value  = linetotal;
}

到目前为止你尝试了什么？ID永远不能相同，ID是唯一的，类可以在多个中相同HTML@Neha事实上，我想计算净amount输入元素中的行总值。@PratikJoshi谢谢你告诉我我的错误。我已经对输入值进行了编码通过他们的行indexOk，我将纠正我的错误，但这并不能解决问题。然后编辑问题，生成唯一ID，以便我可以解决问题。好的问题已被编辑……我已经在脚本中尝试了这种类型的逻辑，但这不起作用。您可以在userid:blueflame2014 pwd中看到我的实际页面：Blueflame@2014How我是否进入表格视图？请登录后访问我的网站www.lpgbookkeeping.in中的lpgbookkeeping.in进入供应商菜单下的“新采购订单输入”子菜单执行此操作时会出现什么样的错误/问题？假设您了解我的问题。实际上，我希望whn用户在每次相关行总值计算净金额值时更改datagrid中的产品代码。我已经编辑了我的问题，并提供了有关我问题的更多信息。请阅读并访问我的网站，了解我的problem@SatendraMishra登录后，我应该去哪里查看您的JSFIDLE页面？不是JSFIDLE页面，您应该在登录后进入www.lpgbookkeeping.in进入供应商下的新采购订单输入子菜单menu@SatendraMishra在此方法中-$'productList tr td input[name=linetotal]'。在'change'上，函数{var net_value=0；$'productList tr td input[name=linetotal]'。每个函数{net_value+=+$this.val；您不认为this.val需要用Rs符号解析。您是否打印了这些值..还需要为每个循环设置.netamount值。