Javascript页面刷新时的意外显示/隐藏行为

我有一个带有3个单选按钮的网页，创建、更新和抑制，以及带有输入字段和下拉选择器的表单。用户可见的表单输入字段和下拉选择器是动态的，取决于选择了哪个单选按钮。我当前的代码在刷新页面时显示了意外行为

当我第一次在debug中浏览页面时，所有3个单选按钮的视图都是预期的，只要删除下拉列表（

deleteid

）在除抑制视图之外的所有视图中都被隐藏。但是，如果我在浏览器中单击“刷新”，它将返回到“创建”单选按钮（这是预期的），但“删除”下拉列表突然出现在“创建”页面上。重复刷新会显示相同的行为，并且“删除”下拉选择器会继续出现在“创建”页面上。为什么会这样

代码如下：

document.addEventListener（'DOMContentLoaded'，function（）{
$（文档）.ready（函数（）{
$（'.js示例basic single'）。选择2（）；
});
//隐藏显示输入
$（'input[type=radio][name=group]'）。更改（函数（）{
如果（this.value=='create'）{
$（'proid'）.hide（）；
$（'#deleteid'）.hide（）；
$（'.fields'）.show（）；
}else if（this.value=='update'）{
$（'proid'）.show（）；
$（'#deleteid'）.hide（）；
$（'#btnSearch'）.show（）；
$（'.fields'）.show（）；
}else if（this.value=='suppress'）{
$（'proid'）.show（）；
$（'#deleteid'）.show（）；
$（'#btnSearch'）.hide（）；
$（'.fields'）.hide（）；
}
});
});

文件
创造
更新
抑制
配置文件ID
搜索
选择删除原因
理由1
理由2
理由3
名称
提交
发送
试试这个

删除
document.addEventListener（'DOMContentLoaded'，当您有
$（document）时，根本不需要函数（）{
）。就绪（函数（）{
-将所有函数移到其中


const checkRads=（）=>{
const checked=$（'input[type=radio][name=group]：checked'）.val（）；
const create=checked==“create”；
const update=已检查==='update'；
const suppress=checked===‘suppress’；
$（'#proid'）。切换（！create）；
$（'#deleteid'）。切换（抑制）；
$（'.fields'）。切换（！抑制）；
$（'#btnSearch'）。切换（更新）；
}; 
$（函数（）{
$（'.js示例basic single'）。选择2（）；
//隐藏显示输入
$（'input[type=radio][name=group]'）。在（'change'，checkRads）上；
checkRads（）；
})；

文件
创造
更新
抑制
配置文件ID
搜索
选择删除原因
理由1
理由2
理由3
名称
提交
发送
试试这个

删除
document.addEventListener（'DOMContentLoaded'，当您有
$（document）时，根本不需要函数（）{
）。就绪（函数（）{
-将所有函数移到其中


const checkRads=（）=>{
const checked=$（'input[type=radio][name=group]：checked'）.val（）；
const create=checked==“create”；
const update=已检查==='update'；
const suppress=checked===‘suppress’；
$（'#proid'）。切换（！create）；
$（'#deleteid'）。切换（抑制）；
$（'.fields'）。切换（！抑制）；
$（'#btnSearch'）。切换（更新）；
}; 
$（函数（）{
$（'.js示例basic single'）。选择2（）；
//隐藏显示输入
$（'input[type=radio][name=group]'）。在（'change'，checkRads）上；
checkRads（）；
})；

文件
创造
更新
抑制
配置文件ID
搜索
选择删除原因
理由1
理由2
理由3