识别文本字段值以隐藏 jQuery 中的 DIV答案

【问题标题】：identify textfield value to hide the DIV in jQuery识别文本字段值以隐藏 jQuery 中的 DIV
【发布时间】：2010-11-15 05:15:50
【问题描述】：

我有一个文本字段：

<input type="text" id="modname" />

还有一个 div：

 <div id="tuner">
         <tr>        
         <td width="400">
            Tuner
            <div id="value" name="tuner"></div>
         </td>
         <td width="10">:</td>
         <td width="150">
            <input id="tuner_rng1" type="radio" class="tuner_rng" name="tuner_rng" value="OK" />OK
            <input id="tuner_rng2" type="radio" class="tuner_rng" name="tuner_rng" value="NG" />NG
            <label for="tuner_rng" class="error">Please choose one !</label>
         </td>
         </tr>
 </div>

如果文本字段值在文本前面有“CH”字符，则 div 将隐藏。例如：如果我输入“change”，“check”，它将隐藏。我怎么做？如果没有正则表达式，jquery 可以这样做吗？

【问题讨论】：

标签： javascript jquery html hide textfield

【解决方案1】：

当然。

$('#modname').keyup(function() {
   if($(this).val().toLowerCase().substring(0,2) == 'ch') {
      $('#value').hide();   
   } else {
      $('#value').show();
   }
});

【讨论】：

当用户删除起始ch 时如何显示div。 :)
妈的，总有人比我快:)
@Klaster_t 您的解决方案也非常好。 :)
@all：我已经更改了 div，所以我尝试了这个答案，但它不起作用。
@klox：这两个答案对我来说都很好。是不是你打错了id？

【解决方案2】：

代码如下：

$('#modname').bind('keyup',function(){
    (/\bch/i.test($(this).val()))?$('#value').hide():$('#value').show();
});

【讨论】：

@Damn, there are always someone faster than me, 是的，因为正则表达式总是比简单的操作慢。 ;P