2010-11-15 32 views
0

我有一個文本框:識別文本字段值隱藏DIV jQuery中

<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會隱藏。例如:如果我輸入「更改」,「檢查」它將隱藏。我怎麼做? jquery可以這樣做嗎?沒有正則表達式?

回答

4

當然。

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

怎麼樣顯示當用戶刪除起始'ch'股利回來。 :) – 2010-11-15 05:26:11

+0

@Rakesh,你明白了。 :-) – 2010-11-15 05:27:20

+1

該死的,總有人比我更快:) – 2010-11-15 05:40:02

3

下面的代碼:

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

@'該死的,總有人比我快',o是的,cos正則表達式總是比簡單的操作慢。 ,P – 2010-11-17 12:23:32