Javascript 使用单选按钮隐藏取消隐藏
我试图用我的前两个无线电输入(id=Q1&id=Q2)取消隐藏div id=Q3 如果(Q1=Ja和Q2=Ja)显示Q3 谁能帮帮我 请看下面我的html代码(很抱歉,我的代码太糟糕了,我简直是个傻瓜!) HTMLJavascript 使用单选按钮隐藏取消隐藏,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隐藏/取消隐藏-当被问
首先,要隐藏/取消隐藏元素,您应该使用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);