Question

我想问一下如何使用javascript进行算术运算这里我有一些输入值

<div class="form-group">
    <label for="exampleInputTotalBayar">Total Bayar</label>
    <input type="text" class="form-control" id="inputTotalBayar" placeholder="Total Bayar" name="totalBayar" value="{{ $peminjaman->totalBayar }}">
</div>
<div class="form-group">
    <label for="exampleInputJumlahBayar">Telah Membayar</label>
    <input type="text" class="form-control" id="inputJumlahBayar" onchange="" placeholder="Jumlah Bayar" name="jumlahBayar" value="{{ $peminjaman->jml_bayar }}">
</div>

我也有这个输入

<div class="form-group">
    <label for="exampleInputDenda">Denda</label>
    <input type="text" class="form-control" id="exampleInputDenda" placeholder="Denda" name="denda" value="{{ $peminjaman->denda }}">
</div>

这个

<div class="form-group">
    <label for="exampleInputBayarKembali">Jumlah Bayar Pengembalian</label>
    <input type="text" class="form-control" id="inputBayarKembali" onchange="" placeholder="Bayar Pengembalian" name="bayarPengembalian">
</div>

使用javascript，算术运算的答案将在这里显示

<p>Bayar Pengembalian: <div id="bayar" name="bayar"></div></p>
<p>Sisa: <div id="sisa" name="sisa"></div></p>

对于Bayar Pengembalian，它运作得很好。但是当我试图计算Sisa时，答案将不会显示出来。这是我的javascript

$("#exampleInputDenda").change(function() {
        var bayar = parseInt("0");
        var totalBayar = parseInt($("#inputTotalBayar").val());
        var jumlahBayar = parseInt($("#inputJumlahBayar").val());
        var denda = parseInt($("#exampleInputDenda").val());
        bayar = bayar + denda + totalBayar - jumlahBayar;
        $("#bayar").html(bayar);
    });

    $("#inputBayarKembali").change(function() {
        var sisa = parseInt("0");
        var bayar = $("#bayar").val();
        sisa = sisa + $("#inputBayarKembali").val()-bayar;
        $("#sisa").html(sisa);
    });

你会帮我解决我的问题吗？我刚刚学习javascript和laravel，所以我真的需要你的帮助......谢谢

Answer 1

您需要围绕输入值parseInt（）：

$("#inputBayarKembali").change(function() {
    var sisa = parseInt("0");
    var bayar = parseInt($("#bayar").text());
    sisa = sisa + parseInt($("#inputBayarKembali").val())-bayar;
    $("#sisa").html(sisa);
});

使用javascript算术

1 个答案: