簡體   English   中英

下拉選擇的jQuery計算

[英]jQuery calculation on drop down selection

我有一個產品選擇,任何人都可以選擇任何產品率在選擇值中,然后客戶可以選擇沒有年份限制為 3,然后沒有計算機限制為 3。

現在,如果用戶選擇產品 1(價格 9.99)為 1 年和 1 件,則代碼可以正常工作,但我想對任何其他更改給予 20% 的折扣,例如任何人選擇 2 年和 2 件然后(9.99*2*2)然后是平的(假設)20% 的折扣。

<select name="dproduct" id="dproduct" required="required">
        <option value="9.99">Product 1</option>
        <option value="14.99">Product 2</option>
        <option value="19.99">Product 3</option>
        <option value="24.99">Product 4</option>
        <option value="39.99">Product 5</option>
        <option value="59.99">Product 6</option>
        <option value="99.99">Product 7</option>
        <option value="149.99">Product 8</option>
        <option value="199.99">Product 9</option>
      </select>

<select name="noofyear" id="noofyear" required="required">
            <option value="1" selected="selected">1</option>
            <option value="2">2</option>
            <option value="3">3</option>
          </select>

<select name="noofpc" id="noofpc" required="required">
            <option value="1" selected="selected">1</option>
            <option value="2">2</option>
            <option value="3">3</option>
          </select>

我的jQuery代碼:

<script src="https://code.jquery.com/jquery-1.9.1.js"></script>
<script>
$(document).ready(function(){
$("#dproduct,#noofpc,#noofyear").blur(function () {

    $('#price').val($('#noofpc').val() * $('#dproduct').val() * $('#noofyear').val());

});
});
</script>
$(document).ready(function(){
    $("#dproduct,#noofpc,#noofyear").change(function() {
        var product    = parseFloat($('#dproduct').val());
        var pc_count   = parseInt($('#noofpc').val());
        var year_count = parseInt($('#noofyear').val());

        var price = product * pc_count * year_count;

        if (pc_count > 1 || year_count > 1) {
            price = price * 0.8;
        }

        $('#price').val(price);
    });
});

暫無
暫無

聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM