Javascript 使用单选按钮隐藏取消隐藏

Javascript 使用单选按钮隐藏取消隐藏,javascript,jquery,html,Javascript,Jquery,Html,我试图用我的前两个无线电输入(id=Q1&id=Q2)取消隐藏div id=Q3 如果(Q1=Ja和Q2=Ja)显示Q3 谁能帮帮我 请看下面我的html代码(很抱歉,我的代码太糟糕了,我简直是个傻瓜!) HTML 首先,要隐藏/取消隐藏元素,您应该使用CSS。 StackOverflow上对此有疑问: 然而,就我目前所知,如果您提到: 如果(Q1==Ja&&Q2==Ja){show Q3} 您需要使用JavaScript 编辑: 我想你的问题可能会有答案:使用JQuery隐藏/取消隐藏-当被问

我试图用我的前两个无线电输入(id=Q1&id=Q2)取消隐藏div id=Q3

如果(Q1=Ja和Q2=Ja)显示Q3

谁能帮帮我

请看下面我的html代码(很抱歉,我的代码太糟糕了,我简直是个傻瓜!)

HTML


首先,要隐藏/取消隐藏元素,您应该使用CSS。 StackOverflow上对此有疑问:

然而,就我目前所知,如果您提到:

如果(Q1==Ja&&Q2==Ja){show Q3}

您需要使用JavaScript

编辑:
我想你的问题可能会有答案:使用JQuery隐藏/取消隐藏-当被问到谷歌时,我很快就找到了它。

看看这把小提琴,如果它是想要的结果,请告诉我:-)


请注意,我在表单元素中添加了一个ID,以使用jQuery的
.change
方法您可以使用三元而不是if语句,使其更加优雅

/* get the status of the answers */
var status = $("#A1").is(':checked') && $("#A3").is(':checked');
/* let the status decide which $ method to use */
$("#Q3")[status ? 'fadeIn' : 'fadeOut'](500);
$(“#帮助台:输入”)。更改(函数(){
风险值状态=$(“#A1”).为(':已检查')&&$(“#A3”).为(':已检查”);
$(“#Q3”)[状态?'fadeIn':'fadeOut'](500);
});

帮助台
你有什么问题?
计算机规范*
:Ja
:Nee

控制者,我是卡贝尔!

正常情况下的监测结果?* :Ja
:Nee

控制者,我是卡贝尔!

启动windows标准操作系统? 是啊,天啊 是的,玛尔遇到了foutmelding 不,兹瓦特·谢尔姆 不,不,不 你在洛根干什么? 是啊,天啊,问题来了
Nee,ik krijg甚至foutmelding
伏尔根德foutmelding的Ik krijg* 这是我的梦想。uw gebruikersnaam公司/Toegangs公司的控制人代码正确无误。
这是我最喜欢的地方
Uw账户是Geblokkerd。尼姆联络员与德贝海德会面

请同时发布您的JavaScript代码,以显示您所尝试的内容。请查看此@shantaram\t我认为只有在检查了Q1和Q2之后,才能看到Q3 div,请查看我下面的答案:-)是的,很好thnx@Matthias S。
  $("input[name=A1]").click(function() 
  {
  if(this.id =="A1"){
    $("#Q3").show('slow');
  }
  else {
  $("#Q3").hide('slow');
  }
  });
$("#helpdesk :input").change(function() {
  if($("#A1").is(':checked') && $("#A3").is(':checked')) {
    $("#Q3").fadeIn(500);
  } else {
    $("#Q3").fadeOut(500);
  }
});
/* get the status of the answers */
var status = $("#A1").is(':checked') && $("#A3").is(':checked');
/* let the status decide which $ method to use */
$("#Q3")[status ? 'fadeIn' : 'fadeOut'](500);