javascript - 如果选中某些单选按钮，显示 div 否则显示不同的 div？

Question

:) 所以我正在尝试创建一个用户问卷类型的表单，它不必发送给任何人，只要在选中某些单选按钮后显示一个 div，如果它们未选中某些单选按钮，则显示不同的 div，但是同样，当网页打开/刷新时，我想显示的所有 div 都不会显示(如果这有意义吗？)。我在这里找到了一些代码来尝试，但它对我不起作用，我是 JS 和 Jquery 的菜鸟，但希望任何人都能对我的问题有所了解。请在下面找到我的代码。

J查询？

if($('input[value=yes1]:checked,
 input[value=yes2]:checked, 
 input[value=yes3]:checked,
 input[value=yes4]:checked').length == 4){

$("#correct").show();

 }else{

$("#correct").hide();

HTML

<div class="row">
<div class="left">

    <div class="right answer">
        <div class="leftradio">
            <input type="radio" id="yes1" value="yes1" name="iCheck1">
            <label>Yes</label>
            </input>
        </div>

        <div class="rightradio">
            <input type="radio" id="no1" name="iCheck1">
            <label>No</label>
            </input>
        </div>

    </div>

</div>
<div class="right">

    <div class="right answer">
        <div class="leftradio">
            <input type="radio" id="yes2" value="yes2" name="iCheck2">
            <label>Yes</label>
            </input>
        </div>

        <div class="rightradio">
            <input type="radio" id="no2" name="iCheck2">
            <label>No</label>
            </input>
        </div>

    </div>
</div>

是的 不 是的 不

CSS

#correct{width:100%; height:50px; background:green; display:none;}
#incorrect{width:100%; height:50px; background:red; display:none;}

Answer 1

我想这就是您要找的。我不得不将“正确”答案的数量更改为两个，因为这就是您拥有的所有 html。

JS:

$( "input" ).on( "click", function() {
    if($('input[value=yes1]:checked, input[value=yes2]:checked').length === 2){
       $("#correct").show();
    }else{
       $("#correct").hide();
    }
});

工作 JS fiddle :http://jsfiddle.net/akj84vrq/12/