将字符串转换为Int Javascript
Convert String to 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);
});
但是计算结果没有出现,你能帮我解决这个问题吗?
您必须使用
$("#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);
});
错误检查:)
只需更改事件处理程序,就可以在实际事件发生时获得值,如JSFiddle示例所示
$("#exampleInputDenda").change(function() {
var bayar = parseInt("0");
var totalBayar = parseInt($("#inputTotalBayar").val());
var jumlahBayar = parseInt($("#inputJumlahBayar").val());
var denda = parseInt($("#exampleInputDenda").val());
var res = bayar + denda + totalBayar - jumlahBayar;
$("#bayar").html(res);
});
第S页然后单击Enter
即可实际查看新值!
请参阅代码的幻灯片更改:
$(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>
点击查看使用这个:
<button id="me" onclick='getValues()'>Click me!</button>
相关文章:
- 如何在Javascript中读取unsigned int
- 从int值来看,Javascript日期不正确
- JavaScript警报适用于int,但不适用于string
- 如何在javascript中将Integer转换为int
- 如何在javascript中将String变量转换为int
- JavaScript:控制台的意外输出.log('str' + int + int)
- Javascript 将 int 值转换为八位字节流数组
- 如何在javascript中使用int变量来访问索引处的数组
- 在Javascript中将int 12345转换为float 1.2345
- Javascript自动将String解析为int
- 将混合字符串和int参数传递给javascript
- 将JavaScript对象属性值的数组转换为int
- 在javascript中将字符串转换为int时出错
- 只允许使用javascript和mootools在字段中输入int和float
- Javascript将int添加到var名称中
- int标记angular/javascript中的enum
- Javascript-将字符串转换为Int会返回NaN错误
- JavaScript int 到 binary ,但打印是无穷大
- 将字符串转换为Int Javascript
- 解析文本为int javascript时的奇怪行为