【问题标题】:jQuery: issue with converting text to integer (input value)jQuery:将文本转换为整数(输入值)的问题
【发布时间】:2014-04-07 09:40:00
【问题描述】:

我在我的页面上使用以下代码,我无法弄清楚交换机如何将其识别为数字,因为它总是失败。

我的值是一个变化的标准整数,如果我对它进行硬编码,代码可以正常工作,但当我只是将它写入变量时就不行。我也试过 parseInt 。我总是得到

我希望这里有人可以帮助我。

我的输入框:

<input type="hidden" class="span12" id="daysRest" name="daysRest" value="40" />

我要使用的代码:

daysRest = $('#daysRest').val();

            switch(true) 
            {
                case(daysRest < -999):
                    bulletColor = 'white';
                    daysResttxt = '';
                    break;
                case(daysRest < 0):
                    bulletColor = 'red';
                    daysResttxt = daysRest + ' days remaining';
                    break;
                case(daysRest < 1):
                    bulletColor = 'red';
                    daysResttxt = 'less than 1 day remaining';
                    break;
                case(daysRest < 4):
                    bulletColor = 'yellow';
                    daysResttxt = daysRest + ' BD remaining';
                    break;
                default:
                    bulletColor = 'white';
                    daysResttxt = '';
                    break;
            }

            $('#daysRest').val(daysRest);
            $('#spanRest').text(daysResttxt);   

非常感谢您提供的任何帮助,蒂姆。

【问题讨论】:

    标签: jquery string numbers number-formatting


    【解决方案1】:

    您需要将字符串解析为整数。使用parseInt()。它会将字符串解析为整数。

    替换这个:

    daysRest = $('#daysRest').val();
    

    通过

    daysRest = parseInt($('#daysRest').val());
    

    working Demo

    【讨论】:

    • parseInt 的返回是NaN
    • @RagenDazs:这正是我所拥有的,以及为什么它为我返回错误的颜色,因为它无法识别这里的数字。有没有办法我可以重写开关以使其工作?
    • parseInt 在使用传递空字符串时不返回 0 - 您可以使用 alert($('#daysRest').val() + ' - ' + parseInt($('#daysRest').val())); 进行调试,毕竟您可以使用任何其他调试器。那是因为parseInt(''); // will result NaN
    • 好的,但是 NaN 对我来说也是同样的问题。
    【解决方案2】:

    只需要 PHP 中的 foreach 循环,所以我将上面的所有内容都移到了那里 - 现在可以正常工作了。 谢谢。

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2015-03-15
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      相关资源
      最近更新 更多