如果 (#formID) 的值大于 100000，则显示此 Div答案

【问题标题】：If value of (#formID) is greater than 100000 show this Div如果 (#formID) 的值大于 100000，则显示此 Div
【发布时间】：2013-01-16 06:47:45
【问题描述】：

如何根据表单输入值显示或隐藏 div。特别是如果它的价值是积极的。我希望它显示一个 div。否则我希望它显示另一个 div。

这是我真正想要的更复杂的东西 .如果 form1 大于 10,000 而 form2 小于零。显示第一个 div（如果两者都满足）。如果满足表格 1 的条件且不满足表格 2（表格 2 为正数），则显示第二个 div。如果其他任何条件（均不满足或不满足表格 1（9000）但表格 2 是（负数）显示第三个 div

【问题讨论】：

标签： javascript html css if-statement show-hide

【解决方案1】：

假设您对 div 有以下内容：

   <div class="show_when_more">
     Foo 
  </div>

   <div class="show_when_less">
     Bar
   </div>

以及您想要观看的以下输入：

   <input type="text" class="to_watch"/>

然后下面的 Javascript 会为你做这件事（你需要 jquery 才能工作）：

   $('input.to_watch').on('change', function(){
       if($(this).val()>=1000){
           $('div.show_when_more').css('display', 'block');
           $('div.show_when_less').css('display', 'none');
       } else {
           $('div.show_when_more').css('display', 'none');
           $('div.show_when_less').css('display', 'block');
       }
    });

这也适用于任何其他类型的选择器（例如，按 id、按元素类型等）

【讨论】：

太棒了。你是救生员。我欠你。如果我想让它查看两个条件，我会怎么做。这是我的尝试。但我显然不是很好。它有错误，jsfiddle.net/7aNwP/15
你希望 jsfiddle 能做什么？
哈哈现在什么都没有。因为我不懂js。我坚持使用 html 和 css。但我希望它查看表格 1 是否大于 10000，并且表格 2 是否大于零。然后功能是一样的。但我想设置两个条件
您能否举一个更详细的例子来说明您所说的“两个条件”是什么意思？
耶！谢谢！正是在这里。如果 form1 大于 10,000 而 form2 小于零。显示第一个 div（如果两者都满足）。如果满足表格 1 的条件并且不满足表格 2（表格 2 为正数），则显示第二个 div。如果其他任何内容（均不满足或不满足表格 1（9000）但表格 2 是（负数）显示第三个 div

【解决方案2】：

这是逻辑。只需申请您的项目即可。

var value = document.getElementById('input').value;

if(value === 1000) {
//show the first div
}
else {
//show the second div
}

【讨论】：

【解决方案3】：

如果您想查看它是否为正值，您可以检查它是否 >= 0（或 1，取决于您的目标）。

在对数字进行检查时，最好先对其进行 parseint()。

将其放入 if 语句中：

if (value >= 0) { then show one div } else { show a different div }

【讨论】：

【解决方案4】：

我认为您正在寻找类似以下的内容：

$(function() {
  if(isNaN(parseInt($("#in").val())))
  { 
   $("#divtobeshown").show();
  }
  else {
     $("#divtobehidden").hide();
  }
});


<form id="sform">
  <input value="" id="in" >
</form>

JSFIDDLE上的简单图解

【讨论】：