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

时间:2015-06-05 21:06:58

标签: jquery input hide

我需要在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();
    });

任何帮助?

1 个答案:

答案 0 :(得分: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