如何计算用户优先权&;使用JavaScript在同一函数中再次输入并显示不同的结果
因此,我尝试将结果值(从用户输入的单位价格*数量)分配给每行的total文本字段。我让它在第一排工作,但在第二排就不行了,我还是有点想用我的想法做点什么 HTML代码:如何计算用户优先权&;使用JavaScript在同一函数中再次输入并显示不同的结果,javascript,html,Javascript,Html,因此,我尝试将结果值(从用户输入的单位价格*数量)分配给每行的total文本字段。我让它在第一排工作,但在第二排就不行了,我还是有点想用我的想法做点什么 HTML代码: <table> <thead> <tr> <th>Unit Price</th> <th>Quantity</th> <th>Total</th> </tr> </thea
<table>
<thead>
<tr>
<th>Unit Price</th>
<th>Quantity</th>
<th>Total</th>
</tr>
</thead>
<tbody>
<!---------------- ROW 1 ------------------>
<td>
<input type="number" name="unit price" placeholder="0.00" id="Unit Price_1" oninput="calculateTotal()"/>
</td>
<td>
<input type="number" name="Quality" placeholder="0" id="Quantity_1" oninput="calculateTotal()"/>
</td>
<td>
<input
required
type="number"
name="total"
value="0.00"
readonly="readonly"
id="Total_1"
/>
</td>
</tr>
<!---------------- ROW 2 ------------------>
<td>
<input type="number" name="unit price" placeholder="0.00" id="Unit Price_1" oninput="calculateTotal()"/>
</td>
<td>
<input type="number" name="Quality" placeholder="0" id="Quantity_1" oninput="calculateTotal()"/>
</td>
<td>
<input
required
type="number"
name="total"
value="0.00"
readonly="readonly"
id="Total_1"
/>
</td>
</tr>
</tbody>
id
s必须是唯一的
第一个函数只考虑前两个输入。创建一个新函数,对下一行的前两个输入执行相同的操作
试试这个:
函数calculateTotal(){
var Unit_Price_1=document.getElementById('Unit Price_1')。值;
var Quantity_1=document.getElementById('Quantity_1')。值;
var Total_1=document.getElementById('Total_1')
风险值总额=单价*数量;
总价值=总金额
}
函数计算器TAL2(){
var Unit_Price_1=document.getElementById('Unit Price_2')。值;
var Quantity_1=document.getElementById('Quantity_2')。值;
var Total_1=document.getElementById('Total_2')
风险值总额=单价*数量;
总价值=总金额
}
单价
量
全部的
id
属性必须是。是否有一种方法不必创建新函数?使用循环结构?或者这是唯一的方法?@BodyGT这是新JS开发人员最简单的方法。是的,我知道你的意思,我开始学习循环函数,想知道我能实现循环结构吗?有可能使用javascript吗?因为我很好奇,想了解更多有关它的信息?哪种循环函数最适合这种情况?因为我找不到我想要的解决办法
function calculateTotal() {
var Unit_Price_1 = document.getElementById('Unit Price_1').value;
var Quantity_1 = document.getElementById('Quantity_1').value;
var Total_1 = document.getElementById('Total_1')
var Total_Amount_1 = Unit_Price_1 * Quantity_1;
Total_1.value = Total_Amount_1
}