Javascript 如果选中某些单选按钮，则显示div，否则显示不同的div？

：因此，我正在尝试创建一个用户问卷类型的表单，它不必发送给任何人，只要在选中某些单选按钮后显示一个div，如果未选中某些单选按钮，则显示另一个div，但当网页打开/刷新时，如果这有意义，我也不想显示任何div？。我在这里找到了一些代码来尝试，但它对我来说不起作用，我是JS&Jquery的新手，但希望任何人都能对我的问题有所了解。请在下面找到我的代码

Jquery

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.