Javascript 使用jquery的所有文本框的总和
我添加所有文本框值模糊调用。我在一个文本框中给出一些数字。当它尝试添加其他文本框值时,抛出NaN 这是我的密码Javascript 使用jquery的所有文本框的总和,javascript,jquery,Javascript,Jquery,我添加所有文本框值模糊调用。我在一个文本框中给出一些数字。当它尝试添加其他文本框值时,抛出NaN 这是我的密码 函数sumofInome(){ var总和=0; $('.add')。每个(函数(){ sum+=parseInt(此.value); 控制台日志(总和) }); 美元("网付").val(总和);; } $('.add').blur(函数(){ sumofine(); }) DA HRA 使用此$.isNumeric(): Html: 最简单的解决方案是将求和行更改为sum+=p
函数sumofInome(){
var总和=0;
$('.add')。每个(函数(){
sum+=parseInt(此.value);
控制台日志(总和)
});
美元("网付").val(总和);;
}
$('.add').blur(函数(){
sumofine();
})
DA
HRA
使用此$.isNumeric()
:
Html:
最简单的解决方案是将求和行更改为
sum+=parseInt(this.value)| 0代码>。这样,如果字段为空并返回类似于NaN
的值,它将使用0
函数sumofInome(){
var总和=0;
$('.add')。每个(函数(){
sum+=parseInt(this.value)| 0;
控制台日志(总和)
});
美元("网付").val(总和);;
}
$('.add').blur(函数(){
sumofine();
})
DA
HRA
您确定this.value
的所有值都是可解析的整数吗?按照代码的编写方式,如果您填写其中一个,而另一个仍然为空,会发生什么情况?当您在字段中有数字时,效果很好:Downvoter care??我不明白。它的工作方式:@SyedSha有人对所有答案都投了否决票,但没有留下任何反馈。我只是温和地要求他们留下一些建设性的批评。@j08691.明白了:)
<div class="form-group row">
<div class="col-md-3"><label for="DA" class="col-form-label">DA</label></div>
<div class="col-sm-2"> <input type="number" class="form-control add" id="da" placeholder="DA">
</div>
</div>
<div class="form-group row">
<div class="col-md-3"><label for="HRA" class="col-form-label">HRA</label></div>
<div class="col-sm-2"> <input type="number" class="form-control add" id="hra" placeholder="HRA">
</div>
</div>
<div id="netPay">
</div>
function sumOfIncome() {
var sum = 0;
$('.add').each(function(){
var val = $(this).val();
if($.isNumeric(val))
{
sum += parseInt(val);
console.log(sum)
}
});
$('#netPay').text(sum);
}
$('.add').blur(function(){
sumOfIncome();
});