Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/85.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Jquery 基于单选按钮选择显示/隐藏div_Jquery_Onclick_Hide_Show - Fatal编程技术网

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

我正在尝试创建简短的“是”或“否”单选按钮jQuery测验,在提交时显示已回答的div

在该人员对所有三个问题回答是/否并点击“提交”后,答案将显示在测验下方。如果他们对任何问题回答“是”,则会显示“是”选项。如果他们对任何问题回答“否”,则会显示“否”选项。我就是搞不懂

<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&nbsp;&nbsp;&nbsp;
  <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&nbsp;&nbsp;&nbsp;
  <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&nbsp;&nbsp;&nbsp;
  <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?非常感谢!逻辑很简单,但我就是想不出来。非常感谢。