当输入值等于给定值时隐藏 class

Question

当 ID 为 "acct_tier" 的文本输入的值为 'standard' 时（不提交输入），我需要隐藏 div class。到目前为止，我尝试过的方法没有用：

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

当输入值等于给定值时隐藏 class

Hide class when input value equals given value

jquery

input

hide