输入值等于给定值时隐藏类

Question

当id为“acct_tier”的文本输入的值为“标准”（不提交输入）时，需要隐藏div类。我已经试过不迄今为止工作：

HTML

<input id='acct_tier' type='text'> 
<div class="red"></div> 
<div class="blue"></div> 

的jQuery：

$(document).ready(function() { 
    if ($('#acct_tier').val('standard')) { 
     $('.red').hide(); 
    }); 

任何帮助吗？

Answer 1

这里就是你要找的内容：

的JavaScript：

$('#acct_tier').on("change propertychange click keyup input paste", function() { 
    var $input = $(this); 

    if ($input.val() === 'standard') { 
     $(".red").hide(); 
    } else { 
     $(".red").show(); 
    } 
}); 

演示：JsFiddle