jQuery不计算表单上的增值税

Question

我已将此字段添加到表格中，以便计算增值税(vat(：

<div class="col-md-4">
<div class="form-check">
<input type="radio" id="vat_on" name="vat" value="on" checked>
<label class="form-check-label">
Calculate value added tax  
</label>
</div>
<div class="form-check">
<input type="radio" id="vat_off" name="vat" value="off">
<label class="form-check-label">
Do not calculate value added tax
</label>
</div>
</div>

我试着将其添加为jQuery:

if($('[name=vat]:checked').val() === 'on'){
var value_added_tax = ((price_final*cnt) - ((price_final*cnt)*0.9)).toLocaleString();
}else{
var value_added_tax = (0).toLocaleString();
}

但当我测试并检查Calculate value added tax单选按钮时，它会返回：Nan！

但是，它应该返回一个值，而不是Nan。

我也尝试过从这两种情况中删除toLocaleString()，但没有解决问题。

那么，这里出了什么问题？如何解决此问题？

我真的很感激你们的任何想法或建议。。。

提前谢谢。

Answer 1

您的代码看起来不错。请检查price_final和cnt的值。

let price_final = 100, cnt = 3;
$(document).on('click','[name=vat]',function(){
if($('[name=vat]:checked').val() === 'on'){
var value_added_tax = ((price_final*cnt) - ((price_final*cnt)*0.9)).toLocaleString();
}else{
var value_added_tax = (0).toLocaleString();
}
console.log(value_added_tax)
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div class="col-md-4">
<div class="form-check">
<input type="radio" id="vat_on" name="vat" value="on" checked>
<label class="form-check-label">
Calculate value added tax  
</label>
</div>
<div class="form-check">
<input type="radio" id="vat_off" name="vat" value="off">
<label class="form-check-label">
Do not calculate value added tax
</label>
</div>
</div>