使用 jquery 计算隐藏字段

Calculate hidden fields with jquery

本文关键字:字段 隐藏 计算 jquery 使用      更新时间:2023-09-26

我有一个表单,我正在尝试根据 2 个下拉列表计算一些货币价值,然后在名为 GrandTotal 的文本框中仅显示总金额,这是只读的。

页面加载定价数据并将其从数据库获取到隐藏字段中。

初始价格 = 660(必填)

EQup1价格 = 550

EQup2价格 = 440

2 下拉列表(EQup1、EQup2)值 1-5。

购买大于 1 并送一个 EQup1 和 EQup2。

计算是我脑子里在做什么。

 <p>InitialPrice -: <strong>$660.00</strong></p>
 <form name="Edit" method="post" action="mypageprocess">
<p><label for="EQup1">How many Branches?</label><br /><select name="EQup1" onblur="calc(this.form)" id="EQup1"/>    
        <option value="0">Please select</option> 
        <option value="1" >One</option>
        <option value="2" >Two</option>
        <option value="3" >Three</option>
        <option value="4" >Four</option>
        <option value="5" >Five</option>
        </select> &nbsp;&nbsp; x <strong>$550.00</strong>
</p> 

<p><label for="EQup2">How many Satellits?</label><br /><select name="EQup2" onblur="calc(this.form)" id="EQup2"/>    
        <option value="0">Please select</option> 
        <option value="1" >One</option>
        <option value="2" >Two</option>
        <option value="3" >Three</option>
        <option value="4" >Four</option>
        <option value="5" >Five</option>
        </select> &nbsp;&nbsp; x <strong>$440.00 </strong>
</p> 

<input type="text" onfocus="this.blur();" name="GrandTotal" size="10" readonly="readonly"/>
        <input type="hidden" name="InitialPrice" value="660" />
        <input type="hidden" name="EQup1Price" value="550" />
        <input type="hidden" name="EQup2Price" value="440" />
     </form>
        <script>
          function calc(theForm) {
          // console.log("calc(theForm)");

        var myEquip1 = document.Edit.EQup1.value;
        var myEquip2 = document.Edit.EQup2.value;
        Var myFixedPrice = document.Edit.InitialPrice.value;
Var myEquip1Price = document.Edit.EQup1Price.value;
Var myEquip2Price = document.Edit.EQup2Price.value;
    if  (myEquip1 > 1)
{
    var myEquip1Total = (myEquip1*myEquip1Price) - (myEquip1Price)
}
else
 {
    var myEquip1Total = (myEquip1*myEquip1Price) - (myEquip1Price)
}
    if  (myEquip2 > 1)
{
    var myEquip2Total = (myEquip2*myEquip2Price) - (myEquip2Price)
}
else
 {
    var myEquip2Total = (myEquip2*myEquip2Price) - (myEquip2Price)
}
    
    theForm.GrandTotal.value = (myEquip2Total + myEquip1Total + myFixedPrice)
    }
    </script>

在 jquery 中计算隐藏字段

$(":hidden").length

$("#GrandTotal").val(Number($("#EQup1").val()) + Number($("#EQup1").val()));