Javascript 一行中列的总和
我想在将值插入到每个行的文本框字段中时,在该字段中添加列值,并在只读字段中显示该值Javascript 一行中列的总和,javascript,html,onchange,Javascript,Html,Onchange,我想在将值插入到每个行的文本框字段中时,在该字段中添加列值,并在只读字段中显示该值 HTML CODE: <form action="" method="post"> <table class="table-responsive"> <thead> <tr> <th
HTML CODE:
<form action="" method="post">
<table class="table-responsive">
<thead>
<tr>
<th style="width: 10%;">Task Name</th>
<th style="width: 10%;">Task Code</th>
<th style="width: 10%;">LDR</th>
<th style="width: 10%;">SDR</th>
<th style="width: 30%;">Total</th>
</tr>
</thead>
<?php
while($m_row = $m_result->fetch_assoc()) {
?>
<tbody>
<tr>
<?php
$sqltask="SELECT * FROM tasks WHERE tasks_code='".$m_row['tcode']."'";
$resulttask=$conn->query($sqltask);
$rowtask=$resulttask->fetch_assoc();
?>
<td><?php echo $rowtask['tasks_name'] ?></td>
<td><?php echo $m_row['tcode'] ?></td>
<td>
<input type="text" class="form-control master" name="ldr[]" id="ldr" value="<?php echo $m_row['ldr'];?>" placeholder="" autocomplete="off">
</td>
<td>
<input type="text" class="form-control master" name="sdr[]" id="sdr" value="<?php echo $m_row['sdr'];?>" placeholder="" autocomplete="off">
</td>
<td>
<input type="number" class="form-control master" id="master_diff" name="master_diff[]" readonly />
</td>
<td> <input type="hidden" name="master[]" id="master" value="<?php echo $master_row['id'];?>" /></td></tr>
</tbody>
<?php
}
?>
</table>
<div class="pull-right">
<input type="submit" class="btn btn-primary" name="mastertask" placeholder="Assign"/>
</div>
</div>
</div>
</div>
</form>
HTML代码:
任务名称
任务代码
LDR
特别提款权
全部的
您应该从循环中删除所有ID!
试试这个:
var inputs=document.getElementsByClassName(“inputs”);
var summDiff=函数(){
var tr=此最近值(“tr”);
var ldr=tr.getElementsByClassName(“ldr”)[0]
var sdr=tr.getElementsByClassName(“sdr”)[0]
var diff=tr.getElementsByClassName(“master_diff”)[0]
diff.value=parseInt(ldr.value)+parseInt(sdr.value)
};
对于(变量i=0;i
任务名称
任务代码
LDR
特别提款权
全部的
任务1
0001
任务2
0002
任务3
0003
在询问有关JavaScript行为的问题时,最好将示例简化为HTML和JS,省去任何服务器端脚本语言(本例中为PHP)。但无论如何,你还是得做这项工作。到目前为止,这个问题太宽泛了,因为您只是在寻求解决方案,而没有自己实现任何JS。请尝试对这些数字求和,如果您在这样做时遇到问题,请提出一个缩小范围的问题。您可以从浏览器中发布最终的HTML而不是PHP文件吗?@feeela问题在于获取每行id以显示每行的和rows@FRECEENAFRANCIS我明白了,但是Stackoverflow是一个关于编程问题的网站——请提供一个。“我需要一个问题的解决方案”不是编程问题……确切的问题是什么?你试过什么onchange
是一个JavaScript事件,但您的示例中没有任何JS代码。