如何计算用户优先权&;使用JavaScript在同一函数中再次输入并显示不同的结果

如何计算用户优先权&;使用JavaScript在同一函数中再次输入并显示不同的结果,javascript,html,Javascript,Html,因此,我尝试将结果值(从用户输入的单位价格*数量)分配给每行的total文本字段。我让它在第一排工作,但在第二排就不行了,我还是有点想用我的想法做点什么 HTML代码: <table> <thead> <tr> <th>Unit Price</th> <th>Quantity</th> <th>Total</th> </tr> </thea

因此,我尝试将结果值(从用户输入的单位价格*数量)分配给每行的total文本字段。我让它在第一排工作,但在第二排就不行了,我还是有点想用我的想法做点什么

HTML代码:

<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
  
}