一起檢查所有字段？

Question

有三個字段。我想檢查每個領域是否有價值，展示類.koko。如果在所有領域沒有價值，隱藏類.koko。

這是怎麼回事？

在這段代碼

，每個字段是檢查獨立，但我想檢查所有領域一起：

<input type="text" name="ok" class="ko" value=""> 
<input type="text" name="ok" class="ko" value=""> 
<input type="text" name="ok" class="ko" value=""> 
<div class="koko" style="display: none;">Hello, how are you?</div> 


$('.ko').live("keyup", function() { 
    var $val = $(this).val(); 
    $('.koko').show(); 
    if ($val == '') { 
     $('.koko').hide() 
    }  
}); 

DEMO

Answer 1

你可以這樣來做：

$('.ko').live("keyup", function() { 
    var $val = $(this).val(); 
    $('.koko').show(); 
    var collectiveValue = ''; 
    $('.ko').each(function(){collectiveValue += this.value}) 
    if(collectiveValue.length == 0) 
     $('.koko').hide(); 
}); 

http://jsfiddle.net/abdQc/

Answer 2

$('.ko').live("keyup", function() { 
    var showOrHide = $(".ko[value^='']").length >= 0; 
    $('.koko').toggle(showOrHide); 
});