表单元素id&;时的javascript计算;名称在数组中
我有一张下面提到的表格。我无法用简单的javascript计算每个元素中传递的值。需要帮助表单元素id&;时的javascript计算;名称在数组中,javascript,Javascript,我有一张下面提到的表格。我无法用简单的javascript计算每个元素中传递的值。需要帮助 <script> function calculate(){ c = document.getElementById('count').value; for(k = 0; k<c; k++){ var amt = 0; var tamt = 0;
<script>
function calculate(){
c = document.getElementById('count').value;
for(k = 0; k<c; k++){
var amt = 0;
var tamt = 0;
totamt[k] = document.getElementById('Amount').value[k]*document.getElementById('Months').value[k];
document.getElementById('TotAmt').value[k] = totamt[k];
}
}
</script>
<table>
<tr>
<td>SN</td>
<td>Fee Description</td>
<td>Amount</td>
<td>Occurence</td>
<td>Total Amount</td>
<td></td>
</tr>
<tr>
<td>1</td>
<td><select name="FeeCode[]" class="form-control" required>
<option value=""></option>
<?php echo $fClass?>
</select></td>
<td><input type="text" name="Amount[]" id="Amount[]" class="form-control" maxlength="10" style="text-align: right" required></td>
<td><select name="Months[]" id="Months[]" class="form-control" onchange="calculate()" required>
<option value=""></option>
<option value=0>One Time</option>
<option value=1>Monthly</option>
<option value=3>Quarterly</option>
<option value=6>Half Yearly</option>
<option value=12>Annually</option>
</select></td>
<td><input type="text" name="TotAmt[]" id="TotAmt[]" class="form-control" maxlength="10" value="0" style="text-align: right" required></td>
<td><a href="javascript:void(0);" class="addCF">Add More</a></td>
</tr>
<tr>
<td>2</td>
<td><select name="FeeCode[]" class="form-control" required>
<option value=""></option>
<?php echo $fClass?>
</select></td>
<td><input type="text" name="Amount[]" id="Amount[]" class="form-control" maxlength="10" style="text-align: right" required></td>
<td><select name="Months[]" id="Months[]" class="form-control" onchange="calculate()" required>
<option value=""></option>
<option value=0>One Time</option>
<option value=1>Monthly</option>
<option value=3>Quarterly</option>
<option value=6>Half Yearly</option>
<option value=12>Annually</option>
</select></td>
<td><input type="text" name="TotAmt[]" id="TotAmt[]" class="form-control" maxlength="10" value="0" style="text-align: right" required></td>
<td><a href="javascript:void(0);" class="addCF">Add More</a></td>
</tr>
<tr>
<td>3</td>
<td><select name="FeeCode[]" class="form-control" required>
<option value=""></option>
<?php echo $fClass?>
</select></td>
<td><input type="text" name="Amount[]" id="Amount[]" class="form-control" maxlength="10" style="text-align: right" required></td>
<td><select name="Months[]" id="Months[]" class="form-control" onchange="calculate()" required>
<option value=""></option>
<option value=0>One Time</option>
<option value=1>Monthly</option>
<option value=3>Quarterly</option>
<option value=6>Half Yearly</option>
<option value=12>Annually</option>
</select></td>
<td><input type="text" name="TotAmt[]" id="TotAmt[]" class="form-control" maxlength="10" value="0" style="text-align: right" required></td>
<td><a href="javascript:void(0);" class="addCF">Add More</a></td>
</tr>
</table>
<input type="hidden" value="1" name="count" id="count" />
<button type="submit" class="btn btn-success">Submit</button>
函数计算(){
c=document.getElementById('count')。值;
对于(k=0;k
一次
月刊
每季的
半年一次
每年
3.
一次
月刊
每季的
半年一次
每年
提交
对于每一行,id=“totam[]”
应具有值id=“Months[]”*id=“Amount[]”
需要一个简单的Javascript进行同样的计算
使用parentElement
访问当前元素的父元素。还可以从内联事件绑定方法(计算
)传递此
上下文,以便此
将是选择元素
返回文档中与指定选择器组匹配的第一个元素(使用文档标记中的第一个元素对文档节点进行深度优先的预先顺序遍历,并按子节点的数量顺序遍历顺序节点)。
试试这个:
函数计算(elem){
var tr=elem.parentElement.parentElement;
var amt=parseInt(tr.querySelector('[name=“Amount[]”]).value | | 0,10);
var mon=parseInt(tr.querySelector('[name=“Months[]”“])。value | | 0,10);
tr.querySelector('[name=“totam[]”),value=(amt*mon);
}
锡
费用说明
数量
发生
总金额
1.
一次
月刊
每季的
半年一次
每年
2.
一次
月刊
每季的
半年一次
每年
3.
一次
月刊
每季的
半年一次
每年
提交