javascript - jquery:如何检查 radio 组刻度模式是否正确

Question

我有一个表格，其中包含 3 个使用 radio 组的问题。勾选 3 个单选框后，应该会出现一个隐藏的 div。 div 出现的条件应该是如果第一个问题是“否”，其余 2 个问题是"is"。我是 Jquery 的新手，请帮忙？

<table width="100%" cellpadding="3" cellspacing="5">
    <tr>
    <td>Question 1</td>
    </tr>
    <tr>
    <td><input type="radio" name="q1" value="yes" />Yes
<input type="radio" name="q1" value="no" />No</td>
    </tr>


    <tr>
    <td>Question 2</td>
    </tr>
    <tr>
        <td><input type="radio" name="q2" value="yes" />Yes
<input type="radio" name="q2" value="no" />No</td>
    </tr>


<tr>
    <td>Question 3</td>
    </tr>
    <tr>
        <td><input type="radio" name="q3" value="yes" />Yes
<input type="radio" name="q3" value="no" />No</td>
    </tr>

</table>

Answer 1

试试这个:

$('input').on('change' , function(){

  if($('input[name="q1"]:checked').val() == 'no' && $('input[name="q2"]:checked').val() == 'yes' && $('input[name="q3"]:checked').val() == 'yes'){

    $('body').append('<div id="testDiv">A div</div>');

  }
  else{

    $('#testDiv').remove();

  }

})

http://jsfiddle.net/yann86/70kwo1oe/