Question

这是一个使用jQuery计算价格的表单。当选中复选框输入#percent时，我需要它添加35％的总价格。这是我的代码：

<h1>Starting value:<br/>3</h1>

<p>
Multiply by:<br>
    <select id="multiply">
        <option value="1">1</option>
        <option value="2">2</option>
        <option value="3">3</option>
        <option value="4">4</option>
   </select>
</p>

<p>
Substract:<br>
    <input type="number" id="substract" value="0" min="0" />
</p>

<p>
+ 35% when selected (how??): 
     <input type="checkbox" id="percent" />
</p>
<hr>
<p id="totaltext">Total Price: 
     <div id="totalprice"></div> $
</p>


<script src="http://codeorigin.jquery.com/jquery-1.10.2.min.js"></script>
<script>
$(document).ready(function(){

    function calculate(){
        var multiply = $('#multiply').val();
        var substract = $('#substract').val();
        var percent = $('#percent').val();

        var totalprice = 3 * multiply - substract;

        $('#totalprice').html(totalprice.toFixed(2));

    }



    $(function() {
        $('#multiply').change(function(){
            calculate();

        });
    });


        $(function() {
                $('#substract').change(function(){
            calculate();

        });
    });



        $(function() {
                $('#percent').change(function(){
            calculate();

        });
    });

})  
</script>

另外，我希望Total（#totalprice）永远不会低于0。谢谢你的帮助！

Answer 1

您可以尝试代码：

function calculate(){
    var multiply = $('#multiply').val();
    var substract = $('#substract').val();
    var percent = $("#percent").is(':checked');

    var totalprice = 3 * multiply - substract;
    if (percent) totalprice = totalprice*0.35;
    $('#totalprice').html(totalprice.toFixed(2));

}

代码示例为here

我编辑了检查总价格＆gt;你可以看到代码here

选中的复选框可使总价格增加35％？

1 个答案: