Jquery 基于单选按钮选择显示/隐藏div
我正在尝试创建简短的“是”或“否”单选按钮jQuery测验,在提交时显示已回答的div 在该人员对所有三个问题回答是/否并点击“提交”后,答案将显示在测验下方。如果他们对任何问题回答“是”,则会显示“是”选项。如果他们对任何问题回答“否”,则会显示“否”选项。我就是搞不懂Jquery 基于单选按钮选择显示/隐藏div,jquery,onclick,hide,show,Jquery,Onclick,Hide,Show,我正在尝试创建简短的“是”或“否”单选按钮jQuery测验,在提交时显示已回答的div 在该人员对所有三个问题回答是/否并点击“提交”后,答案将显示在测验下方。如果他们对任何问题回答“是”,则会显示“是”选项。如果他们对任何问题回答“否”,则会显示“否”选项。我就是搞不懂 <div style="margin: 25px 0px 0px 50px;"> <form name="SurveyDemoForm" type="external" action="" method="p
<div style="margin: 25px 0px 0px 50px;">
<form name="SurveyDemoForm" type="external" action="" method="post" onsubmit="return OnSubmitForm();">
Does your business need the ability to collect payments from your vendors?<br/><br/>
<input type="radio" name="question-1" value="Yes" id="q1-a">Yes
<input type="radio" name="question-1" value="No" id="q1-b">No<br/><br/><br/>
Do you need to make, in any rolling three Business Days, payments more than an aggregate amount of $75,000?<br/><br/>
<input type="radio" name="question-2" value="Yes" id="q2-a">Yes
<input type="radio" name="question-2" value="No" id="q2-b">No<br/><br/><br/>
Do you need account access for more than 10 additional users?<br/><br/>
<input type="radio" name="question-3" value="Yes" id="q3-a">Yes
<input type="radio" name="question-3" value="No" id="q3-b">No<br/><br/><br/>
<input type="submit" id="submit" value="Submit">
</form>
</div>
<div>
<p id="yes"><a href="#">Cash Manager Onine</a></p>
<p id="no"><a href="#">Small Business Online</a></p>
</div>
<script type="text/javascript">
$(function() {
var rules = ['q1-a,q2-a,q3-a']
$('#submit').click(function() {
$('#yes,#no').hide();
if( $('input[name=question-1]:checked').map(function(i,v) { return v.id; }).get().join(',') == rules[0] ) {
$("#yes").show();
}
else
{
$("#no").show();
}
});
});
</script>
您的企业是否需要从供应商处收取款项?
对
否
您是否需要在任何连续三个工作日内支付总额超过75000美元的款项?
对
否
您是否需要超过10个其他用户的帐户访问权限?
对
否
$(函数(){
var规则=['q1-a、q2-a、q3-a']
$(“#提交”)。单击(函数(){
$('yes,'no').hide();
if($('input[name=question-1]:checked').map(函数(i,v){return v.id;}).get().join(',')==rules[0]){
$(“#是”).show();
}
其他的
{
$(“#否”).show();
}
});
});
有很多方法可以做到这一点,但由于您的逻辑非常简单,因此一种非常简单的方法是找到:选中的输入,并对其进行迭代以查看是否需要应用“否”情况
因此,如果用户同时选择“是”和“否”答案,则应同时显示两个div?非常感谢!逻辑很简单,但我就是想不出来。非常感谢。