Question

我想以asking价格计算12.5％佣金，并在用户输入时显示在commission和total下方。

<form action="">
    <label>Asking Price: <input type="number" id="asking" min="1" ></label><br>
    <input type="submit" value="Submit"><br>
    <span id="commission">Commission: </span>
    <span id="total">Total: </span><br>
</form>

到目前为止使用了这个

$( document ).ready(function() {
    var num = document.getElementById("asking").value;
    var comm = (num * 12.5)/100;
    num += comm;
    document.getElementById("commission").textContent=comm;
    document.getElementById("total").textContent=num;
});

Answer 1

$(document).ready(function(){
    $("#asking").keyup(function(){
        var asking = parseFloat($(this).val());
        var commission = asking * 0.125;

        $("#commission").text("Commission:"+ commission ); 
        $("#total").text("Total:"+( asking + commission ));   
    });    
});

Answer 2

$(document).ready(function (){

$('#asking').change(function() {
    var $this = $(this);
    var currentValue = parseInt($this.val());
    var commission = currentValue * 0.125;
    var total = currentValue + commission;

    $('#commission').text('commission: ' + commission);
    $('#total').text('total: ' + total);
});
});

Answer 3

您的代码几乎没有变化：

HTML：

<form action="">
    <label>Asking Price: <input type="number" id="asking" min="1" >        </label><br>
    <input type="submit" value="Submit"><br>
        <span id="commission">Commission: <span id="com"></span></span>
        <span id="total">Total: <span id="tot"></span></span><br>
</form>

使用Javascript：

$(document).ready(function () {
    $('#asking').on('change', function (e) {
        var value = parseInt($(this).val(), 10)
            commission = value * .125;

        $('#com').text(commission);
        $('#tot').text(value + commission);
    });
});

演示：https://jsfiddle.net/288a3o4d/

如何使用jQuery动态计算佣金％？

3 个答案: