すべてのフィールドを一緒にチェックしますか？

Question

3つのフィールドがあります。私は値を持っている場合は、フィールドのそれぞれをチェックしたい、クラスを表示する.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); 
});