Javascript 如何在没有按钮的情况下检查radiobox的情况？

我正在设计一个网站。在这一页上有一个带有radiobox答案的问题。我有两个问题

1-我想显示另一个取决于radiobox答案的div。每个无线电信箱都需要有不同的div目标。默认情况下，div是隐藏的，需要使用radiobutton触发器显示

2-使用“确认”按钮不会进行Radiobox检查。我想在选择radiobox时自动显示下一个div

我想我需要一个检查功能，但仍然不能使一个工作。请帮忙

我试过这样的东西

function check() {
  document.getElementById("radiobutton").checked = true;
}

我的主要问题是：

<div class="card">
      
<form action="" method="post">
  <div class="container-fluid">
    <div class="row">
<div class="col"><input class="CoktanSecmeli" type="radio" name="radio" value="Radio1"><br>Text<p class="SecimAciklama">Text</p></div>
<div class="col"><input class="CoktanSecmeli" type="radio" name="radio" value="Radio2"><br>Text<p class="SecimAciklama">Text</p></div>
<div class="col"><input class="CoktanSecmeli" type="radio" name="radio" value="Radio2"><br>Text<p class="SecimAciklama">Text</p></div>
    </div>
  </div>
  
</form>

  </div><!----card div--->

Text
Text

Text
Text

Text
Text

将onclick事件添加到单选按钮输入中，然后编写一个小函数来显示和隐藏div：（当然，这可以用jquery或其他方法简化）

选项1
选择2
1的内容
内容为2
显示内容（radioEle，id）{
希德尔（）
document.getElementById（'content'+id.）.style.display=radioEle.checked？'block'：'none'
}
希德尔（）{
document.getElementById（'content1'）。style.display='none'
document.getElementById（'content2'）.style.display='none'
}

这段javascript将为单选按钮上的输入添加一个事件侦听器，然后您可以在选择它们时执行任何操作。如果你给我们看你正在展示的div，我也可以帮你

document.queryselectoral（“.CoktanSecmeli”）.forEach（函数（项）{
item.addEventListener（“输入”，函数（）{
console.log（this.value）；
//选择div并显示它
});
});


Text
Text

Text
Text

Text
Text
谢谢你的回答，我终于做到了！我知道这很小，但我的js知识是零

<form>
  <div class="container-fluid">
     <div class="row">
<div class="col"><input class="CoktanSecmeli" type="radio" name="radio" onclick="CheckFunc()" id="Choice1" value="Radio 1"><br>TEXT<p class="SecimAciklama">TEXT</p></div>
<div class="col"><input class="CoktanSecmeli" type="radio" name="radio" onclick="CheckFunc()" id="Choice2" value="Radio 2"><br>TEXT<p class="SecimAciklama">TEXT</p></div>
     </div>
  </div>
</form>

<script>
function CheckFunc(){
if(document.getElementById("Radio1").checked) {
document.getElementById("XXX").style.display = "block";
document.getElementById("YYY").style.display = "none";
}else if(document.getElementById("Dizustu").checked) {
document.getElementById("YYY").style.display = "block";
document.getElementById("XXX").style.display = "none";
}
}
</script>



TEXT
TEXT

TEXT
TEXT
函数CheckFunc（）{
if（document.getElementById（“Radio1”）.已选中）{
document.getElementById（“XXX”）.style.display=“block”；
document.getElementById（“YYY”）.style.display=“无”；
}else if（document.getElementById（“Dizustu”）.选中）{
document.getElementById（“YYY”）.style.display=“block”；
document.getElementById（“XXX”）.style.display=“无”；
}
}
这应该行得通。向我们显示您的HTML。您是否可以进一步了解您的第二个问题…我添加了我的HTML主问题div。当用户选择单选按钮时，我希望显示另一个div（来自更多隐藏div）。是的，我只希望有一个可选选项。这就是我使用它的原因。请澄清你的第二个问题。。
<form>
  <div class="container-fluid">
     <div class="row">
<div class="col"><input class="CoktanSecmeli" type="radio" name="radio" onclick="CheckFunc()" id="Choice1" value="Radio 1"><br>TEXT<p class="SecimAciklama">TEXT</p></div>
<div class="col"><input class="CoktanSecmeli" type="radio" name="radio" onclick="CheckFunc()" id="Choice2" value="Radio 2"><br>TEXT<p class="SecimAciklama">TEXT</p></div>
     </div>
  </div>
</form>

<script>
function CheckFunc(){
if(document.getElementById("Radio1").checked) {
document.getElementById("XXX").style.display = "block";
document.getElementById("YYY").style.display = "none";
}else if(document.getElementById("Dizustu").checked) {
document.getElementById("YYY").style.display = "block";
document.getElementById("XXX").style.display = "none";
}
}
</script>