隐藏字段元素,值为数字始终返回字符串

时间:2014-09-29 03:18:11

标签: javascript html

考虑以下代码: HTML:

<input type="hidden" value=3 name="hello" id="test"/>
<input type="button" value="test me!" onclick="checkType();" />

JS:

function checkType(){
    var num = document.getElementById("test").value;
    alert(typeof num + ": " + num);

}

或者看看fiddle

正如您所看到的,我为HTML隐藏元素的value属性放置了一个数字。 我研究的事情没有找到任何东西,只是使用typeof函数来显示我看的东西是什么类型的数据类型。

我不知道它是否也是有效的,在value属性中放置一个未调整的数字。

但我想要完成的是,将一个隐藏在UI之外的数字存储起来,然后将其取回并正确显示为数字返回屏幕..

现在已经搜索了大约3天了,橡皮鸭*现在还没有任何影响。 我办公室里没有JS大师。

致以最诚挚的问候,

1 个答案:

答案 0 :(得分:5)

正如p.s.w.g所说,输入值是字符串。如果你真的想将它转换为数字类型,只需使用一元+运算符。

var num = +document.getElementById("test").value;

此处更新了小提琴:http://jsfiddle.net/0h61xwkg/3/