有初始值的form表单元素重置(reset)解决方案

最新推荐文章于 2022-09-11 16:38:47 发布

PhilosCheung

最新推荐文章于 2022-09-11 16:38:47 发布

阅读量402

点赞数

分类专栏： JavaScript

本文链接：https://blog.youkuaiyun.com/PhilosCheung/article/details/83266726

版权

JavaScript 专栏收录该内容

6 篇文章

订阅专栏

本文介绍了一段用于清空HTML表单元素的JavaScript脚本，包括文本框、复选框、单选按钮等，确保表单重置时所有字段都能被正确清除。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

function clearForm(formName) {
			
    var formObj = document.forms[formName];
    var formEl = formObj.elements;
				
    for (var i=0; i<formEl.length; i++){
        var element = formEl[i];
					
        if (element.type == 'submit') { continue; }
	if (element.type == 'reset') { continue; }
	if (element.type == 'button') { continue; }
	if (element.type == 'hidden') { continue; }
					
	if (element.type == 'text') { element.value = ''; }
	if (element.type == 'textarea') { element.value = ''; }
	if (element.type == 'checkbox') { element.checked = false; }
	if (element.type == 'radio') { element.checked = false; }
	if (element.type == 'select-multiple') { element.selectedIndex = -1; }
	if (element.type == 'select-one') { element.selectedIndex = -1; }
    }
}