将字符串转换为Int-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">Jumlah Bayar</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>

传田

因此，当我以组Denda的形式给出新值时，输出将显示在这里

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

巴亚尔彭格巴连：

我的javascript代码是这样的

<script type="text/javascript">

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

var bayar=parseInt（“0”）；
var totalBayar=parseInt（$（“#inputTotalBayar”）.val（）；
var jumlahBayar=parseInt（$（“#inputJumlahBayar”）.val（）；
var denda=parseInt（$）.val（）；
$（“#示例输入数据”）.change（函数（）{
巴亚尔=巴亚尔+登达+总巴亚尔-朱姆拉巴亚尔；
$（#bayar”）.html（bayar）；
});

---

但是计算结果没有出现，你能帮我解决这个问题吗？

只需更改事件处理程序，就可以在实际事件发生时获得值，如-

附言

---

然后单击“输入”，实际查看新值

查看此幻灯片并更改代码：

$(document).ready(function(){

  $("#exampleInputDenda").change(function(){
getValues();
});

// when using click event on button
   $("#me").click(function(){
        getValues();
    });

    });

function getValues(){
    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);

}
</script>

$（文档）.ready（函数（）{
$（“#示例输入数据”）.change（函数（）{
getValues（）；
});
//使用“单击事件”按钮时
$（“#me”）。单击（函数（）{
getValues（）；
});
});
函数getValues（）{
var bayar=parseInt（“0”）；
var totalBayar=parseInt（$（“#inputTotalBayar”）.val（）；
var jumlahBayar=parseInt（$（“#inputJumlahBayar”）.val（）；
var denda=parseInt（$）.val（）；
巴亚尔=巴亚尔+登达+总巴亚尔-朱姆拉巴亚尔；
$（#bayar”）.html（bayar）；
}

若要查看，请单击“使用此项”：

<button id="me" onclick='getValues()'>Click me!</button>

点击我！

您必须使用

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

---

错误检查：）

我发现这不应该被问到，所以。。。在网上快速搜索就足以确定如何执行类型转换……将变量初始化放在函数中。

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