jq真正清空表单数据(亲测 好用)

工作中遇到复杂的表单,需要一次清空挺麻烦的,字段太多,不仅包含input,还有select,radio,checkbox

于是乎,想一次清空也挺麻烦的,所以整理代码如下,供大家参考学习(本人也是菜鸟一枚,正在努力学习中......)

直接上jq代码:

$(":input","#myForm")
.not(":button",":reset","hidden","submit")
.val("")
.removeAttr("checked")
.removeAttr("selected");

另外需要备注的是:

一、$(":input");//选择的是所有元素,包括input,textarea,select,button

HTML代码:

<form>
    <input type="button" value="Input Button"/>
    <input type="checkbox" />

    <input type="file" />
    <input type="hidden" />
    <input type="image" />

    <input type="password" />
    <input type="radio" />
    <input type="reset" />

    <input type="submit" />
    <input type="text" />
    <select><option>Option</option></select>

    <textarea></textarea>
    <button>Button</button>

</form>

JQ代码:

$(":input")

二、js清空表单数据的方式

遍历页面的元素

function ClearForm(id) {
    var objId = document.getElementById(id);
    if (objId == undefined) {
        return;
    }
    for (var i = 0; i < objId.elements.length; i++) {
        if (objId.elements[i].type == "text") {
            objId.elements[i].value = "";
        }
        else if (objId.elements[i].type == "password") {
            objId.elements[i].value = "";
        }
        else if (objId.elements[i].type == "radio") {
            objId.elements[i].checked = false;
        }
        else if (objId.elements[i].type == "checkbox") {
            objId.elements[i].checked = false;
        }
        else if (objId.elements[i].type == "select-one") {
            objId.elements[i].options[0].selected = true;
        }
        else if (objId.elements[i].type == "select-multiple") {
            for (var j = 0; j < objId.elements[i].options.length; j++) {
                objId.elements[i].options[j].selected = false;
            }
        }
        else if (objId.elements[i].type == "textarea") {
            objId.elements[i].value = "";
        }
        //else if (objId.elements[i].type == "file") {
        // //objId.elements[i].select();
        // //document.selection.clear();
        // // for IE, Opera, Safari, Chrome
        // var file = objId.elements[i];
        // if (file.outerHTML) {
        // file.outerHTML = file.outerHTML;
        // } else {
        // file.value = ""; // FF(包括3.5)
        // }
        //}
    }
}

本人比较推荐第一种方式~

时间: 07-06

jq真正清空表单数据(亲测 好用)的相关文章

js方式清空表单数据的两种方式

方法1:遍历页面元素 /* 清空FORM表单内容  id:表单ID*/ function ClearForm(id) { var objId = document.getElementById(id); if (objId == undefined) { return; } for (var i = 0; i < objId.elements.length; i++) { if (objId.elements[i].type == "text") { objId.elements

js/jsp清空表单2种方法

js方式清空表单数据的两种方式 方法1:遍历页面元素 /* 清空FORM表单内容  id:表单ID*/ function ClearForm(id) { var objId = document.getElementById(id); if (objId == undefined) { return; } for (var i = 0; i < objId.elements.length; i++) { if (objId.elements[i].type == "text")

sqlite 删除表中重复数据(亲测可用)

例子:表名  Paper .通过字段PaperID查找重复数据. 1 --查询某表中重复的数据       select * from Paper group by PaperID having count(*)>1; 2--删除重复行数,只剩不重复的记录(rowid为sqlite自带字段)      delete from Paper where Paper.rowid not in (select MAX(Paper.rowid) from Paper group by PaperID);

SQL2005 表分区亲测

--增加文件组 alter database Test add filegroup [FG1] go alter database Test add filegroup [FG2] GO alter database Test add filegroup [FG3] --增加文件 ALTER DATABASE [Test] ADD FILE ( NAME = N'TestFG1', FILENAME = N'D:\Program Files\Microsoft SQL Server\MSSQL1

亲测git与github

1.安装MyEclipse 8.5,略去不表.2.下载Eclipse的git插件——EGit.下载网址http://download.eclipse.org/egit/updates-1.3/org.eclipse.egit-updatesite-1.3.0.201202151440-r-site.zip ,这是截至目前最新版的,如果想下更新版本,访问EGit的下载页面 http://www.eclipse.org/egit/download/ 即可.[本目录已经下载好了,迅雷,新的版本反而不行

关于Discuz与jQuery冲突问题的亲测解决方法

最近的一个项目整合dede和discuz程序,客户要求风格统一,所以有很多样式及特效都是要公用的.其中jQuery库定义的函数$()正好与discuz的comme.js中函数一样,这样就冲突了,导致discuz论坛所有js效果失效.网上搜罗了一下,N多的方法,但是很多说的不明不白,我也试了很多方法,浪费了我一个晚上加一个早上,真是费时费力.不过其中一个方法倒是解决了这个冲突,所以共享出来备用,也方便大家. 其实解决方法倒是不难,难的是思路和没有一个详细的步骤,这里我就做个详细的说明.首先思路很简

Win10微软帐户切换不回Administrator本地帐户的解决方法【亲测】

在Win10系统中经常会用到微软帐户登录,如应用商店等地方,不过一些用户反馈原来使用Administrator帐户被绑定微软帐户后无法切换回本地帐户,连[改用本地帐户登录]按钮都没有,那么怎么解决呢?下面小编给大家准备了解决方法,可以解绑,亲测可用. 具体操作如下:大家按小编的步骤一步一步操作哈. 1.按下WIN+R打开运行,输入regedit 回车,打开注册表编辑器: 2.定位于"HKEY_LOCAL_MACHINE\SAM\SAM  这时我们无法看到SAM下的任何东西,其实是有的!右键点击

Win10微软帐户切换不回Administrator本地帐户的解决方法--(转,虽转但亲测有效)

在Win10系统中经常会用到微软帐户登录,如应用商店等地方,不过一些用户反馈原来使用Administrator帐户被绑定微软帐户后无法切换回本地帐户,连[改用本地帐户登录]按钮都没有,那么怎么解决呢?下面小编给大家准备了解决方法,可以解绑,亲测可用. 推荐 Win10系统下载 具体操作如下:大家按小编的步骤一步一步操作哈. 1.按下WIN+R打开运行,输入regedit 回车,打开注册表编辑器: 2.定位于"HKEY_LOCAL_MACHINE\SAM\SAM  这时我们无法看到SAM下的任何东

jQuery使用serialize(),serializeArray()方法取得表单数据+字符串和对象类型两种表单提交的方法

原始form表单值获取方式(手动): $.ajax({ type: "POST", url: "ajax.php", data: "Name=摘取天上星&position=IT技术", success: function(msg){alert(msg);}, error: function(error){alert(error);} }); JQ serialize()方法取值: $.ajax({ type: "POST&quo