javascript - 单击多个元素以隐藏或显示某些内容 - 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();
  }