在表单重置后保持选中单选框默认值-角度6,可以通过以下步骤实现:
<input type="radio" name="gender" value="male" checked> Male
<input type="radio" name="gender" value="female"> Female
上述代码中,checked
属性用于设置默认选中的单选框。
document.addEventListener("DOMContentLoaded", function() {
var form = document.getElementById("myForm"); // 替换为你的表单ID
var defaultValues = {};
// 保存默认值
form.addEventListener("reset", function() {
var radios = form.elements["gender"];
for (var i = 0; i < radios.length; i++) {
defaultValues[radios[i].name] = radios[i].checked;
}
});
// 恢复默认值
form.addEventListener("submit", function() {
var radios = form.elements["gender"];
for (var i = 0; i < radios.length; i++) {
radios[i].checked = defaultValues[radios[i].name];
}
});
});
上述代码中,我们首先通过addEventListener
方法监听表单的reset
事件,当表单重置时,将选中的单选框的默认值保存在defaultValues
对象中。然后,通过监听表单的submit
事件,在表单提交前恢复选中单选框的默认值。
这样,无论用户如何修改单选框的选中状态,当表单重置后,选中的单选框将会恢复到默认值。
推荐的腾讯云相关产品:腾讯云云服务器(CVM)
腾讯云云服务器(CVM)是一种可随时扩展的云计算服务,提供高性能、可靠稳定的云服务器实例。您可以根据业务需求选择不同配置的云服务器,支持多种操作系统和应用场景。腾讯云云服务器提供灵活的网络配置、数据存储和安全防护,适用于网站托管、应用程序部署、大数据分析、游戏服务等各种场景。
了解更多关于腾讯云云服务器的信息,请访问:腾讯云云服务器产品介绍
领取专属 10元无门槛券
手把手带您无忧上云