Javascript 如果选中某些单选按钮,则显示div,否则显示不同的div?
:因此,我正在尝试创建一个用户问卷类型的表单,它不必发送给任何人,只要在选中某些单选按钮后显示一个div,如果未选中某些单选按钮,则显示另一个div,但当网页打开/刷新时,如果这有意义,我也不想显示任何div?。我在这里找到了一些代码来尝试,但它对我来说不起作用,我是JS&Jquery的新手,但希望任何人都能对我的问题有所了解。请在下面找到我的代码 JqueryJavascript 如果选中某些单选按钮,则显示div,否则显示不同的div?,javascript,jquery,html,css,Javascript,Jquery,Html,Css,:因此,我正在尝试创建一个用户问卷类型的表单,它不必发送给任何人,只要在选中某些单选按钮后显示一个div,如果未选中某些单选按钮,则显示另一个div,但当网页打开/刷新时,如果这有意义,我也不想显示任何div?。我在这里找到了一些代码来尝试,但它对我来说不起作用,我是JS&Jquery的新手,但希望任何人都能对我的问题有所了解。请在下面找到我的代码 Jquery if($('input[value=yes1]:checked, input[value=yes2]:checked, inpu
if($('input[value=yes1]:checked,
input[value=yes2]:checked,
input[value=yes3]:checked,
input[value=yes4]:checked').length == 4){
$("#correct").show();
}else{
$("#correct").hide();
HTML
我想这就是你要找的。我不得不将正确答案的数量改为两个,因为这就是所有的html JS:
使用JS Fiddle:像这样的小东西可能会满足您的需求。 通过$'input:radio'.changefunction{}侦听无线电输入上的更改事件
然后在里面添加逻辑。我不确定这是否可以通过CSS实现 现在,您正在检查代码中不存在的一些值/元素,即输入[value=yes3]:已检查,您没有具有该值的输入,请自己检查 我不知道你到底想完成什么,但我仍会尽力帮助你,因为你是新手,让我们保持基本的目标:
if ($('input[value=yes1]').is(':checked') && $('input[value=yes2]').is(':checked')) {
// this will fire only if input with values yes1 and yes2 is checked
$('div_to_show').show(); // put your own selectors here
$('div_to_hide').hide(); // put your own selectors here
}
if ($('input[value=no1]').is(':checked') && $('input[value=no2]').is(':checked')) {
// this will fire only if input with values no1 and no2 is checked
$('some_other_div_to_show').show(); // put your own selectors here
$('some_other_div_to_hide').hide(); // put your own selectors here
}
if ($('input[value=yes1]').is(':checked') && $('input[value=no1]').is(':checked')) {
# this will fire only if both input with values yes1 and no1 is checked
$('some_other_div_to_show').show(); # put your own selectors here
$('some_other_div_to_hide').hide(); # put your own selectors here
}
# and so on... just type in your conditions and that's it.
如果您需要一些其他情况,只需使用此模式添加它们,或者在所有场景中构造一个复杂的else-If语句 首先,是的;这就是jQuery。此外,我建议你使用一些标点符号,把你的句子稍微分开一点,这样可以让我们更清楚地理解你的问题。这是一个JavaScript/jQuery问题:在我写这篇评论的14分钟后,即使猜测也没有回答,这表明没有人知道你想要什么。请:假设我们对您的代码或意图一无所知。清楚地解释你想要发生什么检查哪台收音机应该有什么效果?你自己的尝试出了什么问题。这正是我想要的。非常感谢!抱歉,我的标点符号不好,我很忙:|对,有点小问题:|代码可以在JSFIDLE上运行,但是当我插入一个实时html/php文件时,它就不工作了?你能检查一下它们的JS错误吗?尝试在代码中添加alert或console.log,以查看是否对其进行了评估。。。如果您在console.log打印中没有看到警报,那么您就知道您的JS没有得到正确的评估,或者可能根本没有运行。在JSFIDLE窗口中,屏幕上会出现一个警报框,然而,将其放在一个活动页面上却不起作用?我刚刚检查了一下JS是否被启用,它是否被启用!我现在昏倒了!:|刚刚发现问题,丢失了一些代码:It’该死的电脑在播放,没有复制所有代码,想想这就是为什么我原来的帖子上只贴了两个答案框:|
#correct{width:100%; height:50px; background:green; display:none;}
#incorrect{width:100%; height:50px; background:red; display:none;}
$( "input" ).on( "click", function() {
if($('input[value=yes1]:checked, input[value=yes2]:checked').length === 2){
$("#correct").show();
}else{
$("#correct").hide();
}
});
if ($('input[value=yes1]').is(':checked') && $('input[value=yes2]').is(':checked')) {
// this will fire only if input with values yes1 and yes2 is checked
$('div_to_show').show(); // put your own selectors here
$('div_to_hide').hide(); // put your own selectors here
}
if ($('input[value=no1]').is(':checked') && $('input[value=no2]').is(':checked')) {
// this will fire only if input with values no1 and no2 is checked
$('some_other_div_to_show').show(); // put your own selectors here
$('some_other_div_to_hide').hide(); // put your own selectors here
}
if ($('input[value=yes1]').is(':checked') && $('input[value=no1]').is(':checked')) {
# this will fire only if both input with values yes1 and no1 is checked
$('some_other_div_to_show').show(); # put your own selectors here
$('some_other_div_to_hide').hide(); # put your own selectors here
}
# and so on... just type in your conditions and that's it.