單擊多個元素以隱藏或顯示某些內容-jQuery

Question

這是我的劇本。 現在，我可以單擊這些ID之一，並且可見“輸入”類。 我想要的是我必須單擊所有元素。

$('#zwei,#sechs,#neun').bind('click', function() {
    if( $(this).is(':checked')) {
        $('.inputs').show();
    } else {
        $('.inputs').hide();
    }
}); 

JSFiddle： http : //jsfiddle.net/CLYC6/20/

你能幫我嗎？ 怎么了？

FK

Answer 1

用這個：

$('#zwei,#sechs,#neun').bind('click', function() {
    $('.inputs').show();
    $('#zwei,#sechs,#neun').each(function (e) {
        if (!$(this).is(':checked')) {
            $('.inputs').hide();
            return;
        }
    });
}); 

這是現場演示 。

因為@Rastko對當前解決方案不滿意，所以這里還有一個：

$('#zwei,#sechs,#neun').bind('click', function() {
    var showInput = true;
    $('#zwei,#sechs,#neun').each(function (e) {
        if (!$(this).is(':checked')) {
            showInput = false;
            return;
        }
    });
    if (showInput) {
        $('.inputs').show();
    } else {
        $('.inputs').hide();
    }
}); 

多一份現場演示 。

Answer 2

if語句應檢查是否同時檢查了所有三個，以及輸入是否不可見。

所以：

if($('#zvei').is(':checked') && $('#neun').is(':checked') && $('#sechs').is(':checked') {
      $('.inputs').show();
  }