我有一个表格,其中包含 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>
最佳答案
试试这个:
$('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();
}
})
关于javascript - jquery:如何检查 radio 组刻度模式是否正确,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/25366709/