Question

我有一个项目需要通过增加/减少数量来增加/减少价格。该数量将写在一个简单的HTML5表单TextBox中，其属性为type="number"。所有样式和其他PHP已经应用。但我不知道如何使用jQuery执行此任务。更重要的是，我没有任何提交按钮。我需要像任何专业电子商务网站一样立即将原始价格与数量相乘。

我的代码如下：

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="ticket-counter">
    <div class="header">Hey, Grab your ticket at this fabulous <?php
        if ($array['eventType'] == 'marriage') {
            echo 'Marriage';
        } else if ($array['eventType'] == 'baby-shower') {
            echo "Baby Shower";
        } else {
            echo "Session";
        }
        ?>!
    </div>
    <div class="contains">
        <div class="head">Ticket cost includes <input id="quantity" type="number" value="1" name="quantity" min="1"
                                                      max="6"/> persons.
        </div>
        <div class="facility">Meal
            <pre>X1</pre>
        </div>
        <div class="facility">All Taxes
            <pre>X1</pre>
        </div>
        <div class="facility">Whole Event
            <pre>X1</pre>
        </div>
    </div>
    <div class="conclude">
        <div class="head">So what? Grab the Event at just $<?php echo $array['eventFees']; ?></div>
        <div class="pay-btn">Pay $<?php echo $array['eventFees']; ?></div>
    </div>
</div>

＆＃13;

所以在这里，我希望$array['eventFees']与数量领域的增加相乘。您可以在此标记处看到该字段：<input id="quantity" />我还希望<pre</pre>代码中的数字增加。

提前感谢您的帮助。： - ）

Answer 1

在您的JQuery脚本中尝试此操作：

$("#quantity").bind('keyup mouseup', function () {
   var quantity = $(this.value);
   var youPrice(s) = $("#price(s)").value; //if your prices are in an array you will have to use a loop, 

  var total = quantity * youPrice(s);         
});

return total

根据售票网站的数量自动更新产品价格

1 个答案: