Javascript jquery：如何检查无线组勾选模式是否正确

我有一张表格，上面有3个问题，使用广播组。勾选3个收音机框后，应出现一个隐藏的div。div出现的条件应为第一个问题为否，其余两个问题为是。我是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>

试试这个：

$('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();

  }

})

---

向我们展示您迄今为止所做的尝试。这个问题似乎离题了，因为它清楚地表明OP甚至没有尝试搜索文档。问题没有特定的代码示例或特定的错误。应该显示哪个div？