我对 JS/jQuery 很陌生,我已经坚持了好几天了,到目前为止还没有解决方案有效。
此处的调试代码: http: //jsfiddle.net/qgw4ckmz/1
我已经尝试了大多数javascript数字格式,但它们在我的情况下都不起作用,我试图实现的是千位分隔符输出,例如:1000000
成为1,000,000
、1000
成为1,000
等。如果数字为100000或以下,但在1000000之后,它工作正常,它在浏览器控制台上显示错误:The specified value "1,000,000" cannot be parsed, or is out of range.
我尝试了这个,但不起作用(只能解析最多 100.000 ):
<script type="text/javascript">
$(document).ready(function(){
var totalsum = 0;
$(".barangx").each(function(){
var inputval = $(this).val();
if($.isNumeric(inputval)){
totalsum +=parseFloat(inputval);
}
});
$('.totalx').val(totalsum.toLocaleString('id-ID'));
});
我也尝试了这里提到的代码,但结果是相同的(只能解析最多 100.000 ):http://www.mredkj.com/javascript/numberFormat.html
<script type="text/javascript">
$(document).ready(function(){
function addCommas(nStr) {
nStr += '';
x = nStr.split('.');
x1 = x[0];
x2 = x.length > 1 ? '.' + x[1] : '';
var rgx = /(\d+)(\d{3})/;
while (rgx.test(x1)) {
x1 = x1.replace(rgx, '$1' + ',' + '$2');
}
return x1 + x2;
}
var totalsum = 0;
$(".barangx").each(function(){
var inputval = $(this).val();
if($.isNumeric(inputval)){
totalsum +=parseFloat(inputval);
}
});
totalsum = addCommas(totalsum);
$('.totalx').val(totalsum);
});
</script>
完整代码
<!DOCTYPE html>
<html>
<body>
<label>Val 1</label>
<div class="ml-auto"><input type="number" value="10000" class="input barangx" readonly step="0.01" id="id_form-0-total"></div>
<label>Val 2 - Change this fieild to 1000000</label>
<div><input type="number" value="10000" class="input barangx" step="0.01"></div>
<label>Val 1 + Val 2=</label>
<input type="number" name="total" step="0.01" class="input totalx" readonly required id="id_total">
烙印99
相关分类