单选按钮使用javascript函数在HTML中显示/隐藏元素

选中复选框后，将启用单选按钮。 选择第一个单选按钮时，显示隐藏段落，但选择另一个单选按钮时，应隐藏第一个单选按钮中的段落（

style.display='none'

），并显示第二个单选按钮的其他段落。

---

第19-31行

我建议您以其他方式使用jQuery或事件侦听器。使用您的代码，您可以在每次单击中对所有字段进行迭代。使用jquery只需几行就可以实现您想要的目标。 现在，你只检查了一个元素，如果你检查了收音机，你只听那个元素，并且是唯一有反应的元素

使用jquery：

 $('.checkbox-classname').on('change', function() {
      alert($(this).attr('id')); // alerts you with the id of the checkbox are checked
 });

---

我介绍了一些变化：

将一个普通类添加到所有需要的p

HTML-

<p class="radio1 common-class" style="display:none">show me if radio1</p>
<p class="radio2 common-class" style="display:none">show me if radio2</p>

显示是否为radio1
如果radio2

JS-

var arrP=document.getElementsByClassName（“公共类”）；
var intLength=arrP.length；
对于（var k=0；kTry使用.style.visibility=“hidden”；
    var arrP = document.getElementsByClassName("common-class");

    var intLength = arrP.length;

    for(var k=0;k<intLength ;k++){

       arrP[k].style.display = 'none';

    }