在javascript中获取数字文本值

时间:2013-11-18 03:32:30

标签: javascript php html

我有一个带有字段的HTML表单

    <input type='text' name="HR" id="HR" onblur="totalSum(this);"/>

我试图在javascript文件中获取此值,如下所示

     function totalSum(obj)
      {

         var HR=document.getElementById("HR").value;
      }

假设我试图在HR字段中输入150,那么它无法在javascript文件中的HR变量中获取它。你能指导我哪里出错了。

正如@crayon所建议我试图做这样的事情..           感谢您的回复。我正在尝试做这样的事情........

    if(parseInt(HR)>=100 && parseInt(HR)<150)
      {
      sum1=0;
       }
    else if(parseInt(HR)>= 150 || parseInt(HR)<= 100) 
    {
      sum1=1;
    }
   else if(parseInt(HR)>= 180 || parseInt(HR)<= 90)  
    {
    sum1=2;
    }
   else if(parseInt(HR)>= 190 || parseInt(HR)<= 80) 
    {
     sum1=4;
     }

 and i changed onkeypress to onblur, but still its not working ...

使用sum1的代码。

    document.getElementById('Total').value =  parseInt(sum1)+parseInt(sum3)+parseInt(sum5)+parseInt(sum6)+parseInt(sum7);

4 个答案:

答案 0 :(得分:1)

1)类型应该是文本

2)您需要将其更改为onblur之类的内容,或者添加单独的按钮以将onclick事件分配给

3)确保将HR包裹在Integer()中以将其转换为数字

答案 1 :(得分:0)

这是因为您使用了onkeypress事件。您的代码将起作用,但之前的值将显示在第二个条目上。尝试使用onKeyUp

答案 2 :(得分:0)

这是一个简单的例子(demo

<input type='text' id='input' onKeyUp='readInput(this)'/>
<br/>
<input type='text' id='output' readonly='readonly'/>

使用以下脚本:

function readInput(input) {
    var value = input.value;
    document.getElementById('output').value = value;
};

答案 3 :(得分:0)

使用onkeyup代替onkeypress

<input type="text" maxlength="45" name="HR" id="HR" onkeyup="totalSum(this);"/>