尝试将数字标签转换为int

时间:2015-05-28 14:20:04

标签: javascript html function labels typeconverter

我一直试图将标签转换为int来做一个等式。我还没能使用ConvertToInt32()或ParseInt()。我每次都回来了NaN。请帮忙!这是我的代码:

    <div id="width"> <strong>Roll Width: </strong><label id="lblRollWidth"       type="number">25</label></div>
    </asp:Panel>
</div>
</div>


 <input type="text" name="input1" id="input1" value="">
<input type="text" name="input2" id="input2" value="">
    <a href="javascript: void(0)" onClick="calc()">Calculate</a>
        <input type="text" name="output" id="output" value="">

  <script>

 function calc(){

 var textValue1 = document.getElementById('input1').value;
 var textValue2 = document.getElementById('input2').value;
 var textValue3 = document.getElementById('lblRollWidth').value;




       document.getElementById('output').value = textValue1 * textValue2 * textValue3; 
}
  </script>

1 个答案:

答案 0 :(得分:1)

改变:

var textValue3 = document.getElementById('lblRollWidth').value;

var textValue3 = +document.getElementById('lblRollWidth').innerText;

因为它是一个标签,因此要获得它的价值,你必须使用.innerText。

此外,不是强制性的,但重新推荐,更改:

 var textValue1 = document.getElementById('input1').value;
 var textValue2 = document.getElementById('input2').value;

为:

 var textValue1 = +document.getElementById('input1').value;
 var textValue2 = +document.getElementById('input2').value;

这样他们就会成为数字。

小提琴: http://jsfiddle.net/m1brLkqx/

另外,作为附注,NaN因标签而被抛出,其余部分正在运作。