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);
});

一起检查所有字段？

2 个答案: