Javascript 数字比较失败

标签 javascript forms

我试图了解我的错误在哪里,因为 JS 不可能在数学上不及格!

在 HTML 表单上,我有一个选择和 9 个文本输入。 然后,在 JS 上我比较输入的文本。

我的问题如下: 如果我写在

new_da3 = 1400
new_a3 = 1900

JS 会说 ok3。

如果我写在

new_da3 = 1900
new_a3 = 1400

JS 会说不!

但是如果我写在

new_da3 = 1500
new_a3 = 800

JS 会说 ok3!

为什么? 1500 不是比 800 大吗?

谢谢!

HTML:

 <form>
 <select id="new_nrp" onchange="selNrP(this.value);" style="background-color:#F00; color:#FFF">
            <option value="" selected="selected"></option>
            <option value="1">1</option>
            <option value="2">2</option>
            <option value="3">3</option>
        </select>

    <?php
    for($i=1; $i<=3; $i++){
        print '<input type="text" size="5" maxlength="5" id="new_da'.$i.'">
               <input type="text" size="5" maxlength="5" id="new_a'.$i.'">';

    }
    ?>

    <input type="submit" class="buttongreen" onClick="test()" value="Try the test function!">
</form>

JS

function test(){
    var new_da1 = document.getElementById('new_da1').value
var new_a1 = document.getElementById('new_a1').value
var new_da2 = document.getElementById('new_da2').value
var new_a2 = document.getElementById('new_a2').value
var new_da3 = document.getElementById('new_da3').value
var new_a3 = document.getElementById('new_a3').value

var new_nrp = document.getElementById('new_nrp').value

switch(new_nrp){
    case '3':
        if(new_a2 < new_da3 && new_da3 <= new_a3){
            alert('ok3')
        } else {
            alert('no3')
            return
        }
    case '2':
        if(new_a1 < new_da2 && new_da2 <= new_a2){
            alert('ok2')
        } else {
            alert('no2')
            return
        }
    case '1':
        if(new_da1 <= new_a1){
            alert('ok1')
        } else {
            alert('no1')
            return
        }
    break;
    default:
        alert("Why are you here?");
        return;
}

}

最佳答案

因为您比较的是字符串,而不是整数。使用 parseInt 将您的值显式转换为整数。

这基本上就是您正在做的事情: jsFiddle example

要进行转换,请将您的变量更改为:

var new_da1 = parseInt( document.getElementById('new_da1').value, 10);

(假设它们都是整数)

关于Javascript 数字比较失败,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/16259014/

相关文章:

javascript - 众所周知的符号不适用于函数

c# - 如何将值从子窗体传递到父窗体?

javascript - google.setOnLoadCallback 和jQuery $(document).ready(),混用可以吗?

javascript - fabricjs i-text 光标在加载 json 后无法正常工作

javascript - 单击时更改单词的样式

HTML 为什么表单中的按钮会发送数据?

php - 在 PHP 中从操作表单调用函数的最佳方法是什么?

javascript - 无法使用我的数组项通过 JQuery 预填充我的表单输入

php - block_head 分区中的 HTML CSS 表单(组合框)垂直对齐

forms - 将 ExtJS 数据保存到服务器的最标准功能是什么?