如何从输入元素中获取值作为十进制数字

Question

我想从输入元素中获取值作为数字并用 jQuery 计算它们。我正在尝试，但结果不是十进制的。如何解决这个问题？

HTML

<input name="test1" value="1.77" type="hidden" />
<input name="test2" value="1.23" type="hidden" />

jQuery

var a = parseInt($( "input[name='test1']").val(), 10);
var b = parseInt($( "input[name='test2']").val(), 10);
alert( a + b ); // should be 3, but it is only 2

这是一个示例 -> jsfiddle 示例

Answer 1

使用parseFloat的小数，而不是parseInt（这是整数）！

例如

var a = parseFloat($( "input[name='test1']").val(), 10);
var b = parseFloat($( "input[name='test2']").val(), 10);
var c = ( a + b );

$('#result').append( c );

JSFiddle：http : //jsfiddle.net/TrueBlueAussie/87tdj7z3/5/

Answer 2

所述+操作者是一个快捷方式解析号码包括整数和浮点型。

var a = +$("input[name='test1']").val();
var b = +$("input[name='test2']").val();
alert(a + b);

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input name="test1" value="1.77" type="hidden" />
<input name="test2" value="1.23" type="hidden" />