JQuery显示div if字段值＆lt; n而不是空的

Question

我正在尝试研究如何根据字段的输入显示div。如果这两个条件都成立，我想显示div：

1）字段值<= 30 2）该字段不为空

此刻我已经想出＆lt; = 30位但是表格假设空是0并显示div，但是我不希望div显示该字段是否留空。

我尝试了这个，但它不起作用：

 $("#hidden")[$(this).val() <= "30" and !="" ? 'show' : 'hide']("fast");

以下是我到目前为止的内容：http://jsfiddle.net/q5kKz/318/

感谢您的帮助！

Answer 1

修复语法：

 var val = this.value;
 $("#hidden")[(val !=='' && val <= 30) ? 'show' : 'hide']("fast");

Demonstration（我解决了其他一些问题）

Answer 2

也许问题是30是一个字符串所以你需要把它转换为int，就像这个

$("#hidden")[parseInt($(this).val()) <= 30 && !="" ? 'show' : 'hide']("fast");

希望它对你有用！

Answer 3

演示--> http://jsfiddle.net/q5kKz/322/

使用&&而不是and

$('#Severity-of-your-symptoms').change(function() {
  $("#li-10-14")[this.value <= "30" && this.value != '' ? 'show' : 'hide']("fast");
}).change();

Answer 4

试试这个：

http://jsfiddle.net/q5kKz/323/

这个“===”在字符串比较中很重要：

$(this).val() !== "" && $(this).val()*1 <= 30

您还应该考虑使用其他事件，例如按键，或者JS只会在失去焦点时触发。