如何使用javascript在选中单选按钮时显示元素，在未选中单选按钮时隐藏元素？

我想制作一个交互式在线表单。当人们选择第一个问题的一个选项时，相应的元素将在选择时显示，而在选择另一个选项时隐藏。选择“其他”按钮时，应显示“其他”元素

这是我目前掌握的代码

函数showStuffid，btn{ 如果document.getElementByIdid.style.display==无{ document.getElementByIdid.style.display='block'； }如果document.getElementByIdid.style.display=='block'{ document.getElementByIdid.style.display='none'； } } 这应该仅在单击按钮时显示 仅当单击B按钮时才会显示此选项

---

您就快到了。只需在每次单击时添加一行代码来隐藏两个div

使用jQuery：

$A，B.hide

没有jQuery：

document.getElementByIdA.style.display='none'； document.getElementByIdB.style.display='none'

请参阅下面的完整工作代码：

函数showStuffid，btn{ $A，B.hide；//每次都隐藏这两个 document.getElementByIdid.style.display='block'； } 这应该仅在单击按钮时显示 仅当单击B按钮时才会显示此选项

---

您就快到了。只需在每次单击时添加一行代码来隐藏两个div

使用jQuery：

$A，B.hide

没有jQuery：

document.getElementByIdA.style.display='none'； document.getElementByIdB.style.display='none'

请参阅下面的完整工作代码：

函数showStuffid，btn{ $A，B.hide；//每次都隐藏这两个 document.getElementByIdid.style.display='block'； } 这应该仅在单击按钮时显示 仅当单击B按钮时才会显示此选项 试试这个：

<script type="text/javascript">
function showStuff(id, btn) {
    document.getElementById("A").style.display = 'none';
    document.getElementById("B").style.display = 'none';
    if (id == "A") {
        document.getElementById("A").style.display = 'block';
    } else {
        document.getElementById("B").style.display = 'block';
    }

}
</script>  

试试这个：

<script type="text/javascript">
function showStuff(id, btn) {
    document.getElementById("A").style.display = 'none';
    document.getElementById("B").style.display = 'none';
    if (id == "A") {
        document.getElementById("A").style.display = 'block';
    } else {
        document.getElementById("B").style.display = 'block';
    }

}
</script>  

---

我推荐这个功能

function showStuff(id, btn) {
    document.getElementById('A').style.display = 'none';
    document.getElementById('B').style.display = 'none';

    document.getElementById(id).style.display = 'block';
}

如果您添加了其他选项，请不要忘记在函数开始时隐藏所有可用选项

使用jQuery，事情可能会简单得多——您可以使用选择器$'input[name=q1]选择所有输入，并只使用一行隐藏所有选项

$('input[name=q1]').hide();

---

我推荐这个功能

function showStuff(id, btn) {
    document.getElementById('A').style.display = 'none';
    document.getElementById('B').style.display = 'none';

    document.getElementById(id).style.display = 'block';
}

如果您添加了其他选项，请不要忘记在函数开始时隐藏所有可用选项

使用jQuery，事情可能会简单得多——您可以使用选择器$'input[name=q1]选择所有输入，并只使用一行隐藏所有选项

$('input[name=q1]').hide();

函数showStuffvalue，btn{ ifvalue=='A'{ document.getElementByIdA.style.display='block'； document.getElementByIdB.style.display='none'； } 否则，如果值=='B'{ document.getElementByIdB.style.display='block'； document.getElementByIdA.style.display='none'； } } 这应该仅在单击按钮时显示 仅当单击B按钮时才会显示此选项 函数showStuffvalue，btn{ ifvalue=='A'{ document.getElementByIdA.style.display='block'； document.getElementByIdB.style.display='none'； } 否则，如果值=='B'{ document.getElementByIdB.style.display='block'； document.getElementByIdA.style.display='none'； } } 这应该仅在单击按钮时显示 仅当单击B按钮时才会显示此选项

---

是否要使用jquery？是否要使用jquery？