单击多个元素来隐藏或显示某些内容- jquery

click multiple elements to hide or show something - jquery

本文关键字：jquery 显示 元素 隐藏 单击      更新时间：2023-09-26

这是我的脚本。现在我可以点击其中一个id，类"input"就可见了。我想要的是我必须点击所有元素

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

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

你能帮我一下吗?什么错了吗?

颗

使用

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

这是一个LIVE DEMO。

因为@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();
    }
});

一个LIVE DEMO。

If语句应该检查三者是否都被选中，如果输入不可见

: 

if($('#zvei').is(':checked') && $('#neun').is(':checked') && $('#sechs').is(':checked') {
      $('.inputs').show();
  }
相关文章：