Javascript 在单选按钮选择上显示元素

我想用普通JavaScript在

单选按钮上显示
输入文本
字段

我错过了什么


const form=document.querySelector（“表单”）；
const size=form.elements[“size”]；
const total=form.elements[“total”]；
total.style.display=“无”；
对于（变量i=0；i


选择大小
6英寸
8英寸
12英寸
您需要为每个单选按钮的
单击事件添加事件侦听器



选择大小
6英寸
8英寸
12英寸
const form=document.querySelector（“表单”）；
const total=form.elements[“total”]；
const radios=form.queryselectoral（“输入[name=size]”）；
total.style.display=“无”；
收音机.forEach（i=>{
i、 addEventListener（'click'，函数（e）{
如果（选中此项）{
total.style.setProperty（“显示”、“继承”）；
total.value=this.id；//将只读输入的值设置为所选单选按钮的id
} 
});
});
您可以在
字段集
上使用事件委派-每当它观察到冒泡的
更改
事件时，您知道其中一个
已被选中，因此您可以设置
总计
输入字段的
样式
。使用
{one:true}
使侦听器只触发一次：


const total=document.querySelector（'input[name=“total”]”）；
document.querySelector（'fieldset'）。addEventListener（'change'，（）=>{
total.style.display=“继承”；
}，{once:true}）
input[name=“total”]{
显示：无；
}

选择大小
6英寸
8英寸
12英寸

const form=document.querySelector（“表单”）；
常量大小=form.elements.size；
const total=form.elements.total；
total.style.display=“无”；
对于（变量i=0；i


选择大小
6英寸
8英寸
12英寸
您能解释一下，当单击不同的单选按钮时，
输入将显示什么吗？是否仅在选择最后一个按钮时显示输入？这是更大表单的一部分，该表单将计算多个字段集的值之和，然后在
只读
输入
字段中显示总计。选择任何单选按钮后，我想取消隐藏
输入文本
字段。如果您想查看，我发布了我的完整代码：如果您想查看，我发布了我的完整代码：