Javascript 使用单选按钮显示/隐藏表单元素

这是我的密码。如果我从的单选按钮中单击

，它将显示另外两个选项。如果我点击
到
的单选按钮，它将显示另外两个选项。但是，如果我单击
全天
的单选按钮，选项
From
和
To
应该会消失

当我点击全天时，只有一个选项消失了。我想两者都消失。我该怎么做


函数show1（）{
document.getElementById（'div1'）.style.display='none'；
}
函数show2（）{
document.getElementById（'div1'）.style.display='block'；
}
函数show3（）{
document.getElementById（'div2'）.style.display='block'；
}
正文{
字体系列：arial；
}
.隐藏{
显示：无；
}
p{
字体大小：粗体；
}
离开

全天
从…起
到

哪一半时间你不在

第一届会议
第二届会议

您不能参加哪一半的课程

第一届会议
第二届会议
您可以将两个
div
包装成一个
div
并仅显示/隐藏

此外，单选按钮应共享相同的
名称
，以允许用户一次只选择一个选项


函数show1（）{
document.getElementById（'divs'）.style.display='none'；
}
函数show2（）{
document.getElementById（'divs'）.style.display='block'；
}
函数show3（）{
document.getElementById（'divs'）.style.display='block'；
}
正文{
字体系列：arial；
}
.隐藏{
显示：无；
}
p{
字体大小：粗体；
}
离开

全天
从…起
到

哪一半时间你不在

第一届会议
第二届会议

您不能参加哪一半的课程

第一届会议
第二届会议
首先，所有单选按钮的名称应相同。因此，它可以一次选择一个。
其次，在显示div的同时隐藏另一个div


函数show1（）{
document.getElementById（'div1'）.style.display='none'；
document.getElementById（'div2'）.style.display='none'；
}
函数show2（）{
document.getElementById（'div2'）.style.display='none'；
document.getElementById（'div1'）.style.display='block'；
}
函数show3（）{
document.getElementById（'div1'）.style.display='none'；
document.getElementById（'div2'）.style.display='block'；
}
正文{
字体系列：arial；
}
.隐藏{
显示：无；
}
p{
字体大小：粗体；
}
离开

全天
从…起
到

哪一半时间你不在

第一届会议
第二届会议

您不能参加哪一半的课程

第一届会议
第二届会议
您的“会话”无线电输入都具有相同的
值，因此您不知道选择了哪一个。显示相同的会话选项集也更有意义，因为它们是相同的。重复这些是没有意义的。