JQuery中如何重置（reset）表單

由于JQuery中，提交表單是像下面這樣的：Java代碼 $('#myform').submit() $('#myform').submit() 所以，想當然的認為，重置表單，當然就是像下面這樣子嘍：Java代碼 $('#myform').reset() $('#myform').reset()但是，不幸的是，這樣寫的話，會有一個讓你很郁悶的結果，那就是，表單無法重置！后來，上網(wǎng)查了一下，說是，JQuery中沒有reset方法，經(jīng)核對，果然是沒有。那有么沒有辦法通過JQuery來重置表單呢，答案是有的，不過是一種間接的方法，如下：Java代碼 $('#myform')[0].reset()也就是通過調(diào)用 DOM 中的reset方法來重置表單。

創(chuàng)新互聯(lián)建站從2013年開始，是專業(yè)互聯(lián)網(wǎng)技術服務公司，擁有項目網(wǎng)站制作、做網(wǎng)站網(wǎng)站策劃，項目實施與項目整合能力。我們以讓每一個夢想脫穎而出為使命，1280元容城做網(wǎng)站,已為上家服務,為容城各地企業(yè)和個人服務,聯(lián)系電話:18980820575

如何使用jQuery或純JS重置所有復選框

如果要使用窗體的重置功能，最好使用以下方法：

$('input[type=checkbox]').attr('checked',true);

或

$('input[type=checkbox]').attr('checked',false);

jquery選擇器有哪些

jQuery 選擇器簡介

jQuery 選擇器允許對 HTML 元素組或單個元素進行操作。

jQuery 選擇器基于元素的 id、類、類型、屬性、屬性值等"查找"（或選擇）HTML 元素。 它基于已經(jīng)存在的 CSS 選擇器，除此之外，它還有一些自定義的選擇器。

jQuery 中所有選擇器都以美元符號開頭：$()。

1 .基本選擇器

$("#test")???????????? ?? 選擇id值為test的元素，id值是唯一的所以返回單個元素。

$("div")?????????????? ?? 選擇所有的div標簽元素，返回div元素數(shù)組

$(".myclass")????????? ?? 選擇使用myclass類的css的所有元素

$("*")???????????????? ?? 選取所有元素。

$("#test,div,.myclass")? ??? 選取多個元素。

2.層次選擇器

$("div span") ? 選取div里的所有span元素

$("div span")?? ? 選取div元素下元素名是span的子元素

$("#one +div")?? ? 選取id為one的元素的下一個div同輩元素??? 等同于$("#one").next("div")

$("#one~div")??? ? 選取id為one的元素的元素后面的所有div同輩元素??? 等同于$("#one").nextAll("div")

$("#one").siblings("div") ?? 獲取id為one的元素的所有div同輩元素（不管前后）

$("#one").prev("div") 　獲取id為one的元素的前面緊鄰的同輩div元素

所以 獲取元素范圍大小順序依次為：

$("#one").siblings("div")$("#one~div")$("#one +div")

或是

$("#one").siblings("div")$("#one").nextAll("div")$("#one").next("div")

3.基本過濾選擇器

$("div:first")?????????????? 選取所有div元素中第1個div元素

$("div:last")?????????????????? 選取所有div元素中最后一個div元素

$("input:not(.myClass)")??????? 選取class不是myClass的input元素

$("input:even")???????????????? 選取索引是偶數(shù)的input元素(索引從0開始)

$("input:odd")????????????????? 選取索引是基數(shù)的input元素(索引從0開始)

$("input:eq(2)")??????????????? 選取索引等于2的input元素

$("input:gt(4)")??????????????? 選取索引大于4的input元素

$("input:lt(4)")??????????????? 選取索引小于4的input元素

$(":header")??????????????????? 過濾掉所有標題元素，例如：h1、h2、h3等

$("div:animated")?????????????? 選取正在執(zhí)行動畫的div元素

$(":focus")???????????????????? 選取當前獲取焦點的元素

4.內(nèi)容過濾選擇器

$("div:contains('Name')")?????? 選取所有div中含有'Name'文本的元素

$("div:empty")????????????????? 選取不包含子元素（包括文本元素）的div空元素

$("div:has(p)")???????????????? 選取所有含有p元素的div元素

$("div:parent")???????????????? 選取擁有子元素的（包括文本元素）div元素

5.可見性過濾選擇器

$("div:hidden")???????????????? 選取所有不可見的div元素

$("div:visible")??????????????? 選取所有可見的div元素

6.屬性過濾選擇器

$("div[id]")????????????? 選取所有擁有屬性id的元素

$("input[name='test']")???? 選取所有的name屬性等于'test'的input元素

$("input[name!='test']")? 選取所有的name屬性不等于'test'的input元素

$("input[name^='news']")??????? 選取所有的name屬性以'news'開頭的input元素

$("input[name$='news']")??????? 選取所有的name屬性以'news'結尾的input元素

$("input[name*='news']")??????? 選取所有的name屬性包含'news'的input元素

$("div[title|='en']")?????????? 選取屬性title等于'en'或以'en'為前綴(該字符串后跟一個連字符'-')的div元素

$("div[title~='en']")?????????? 選取屬性title用空格分隔的值中包含字符en的div元素

$("div[id][title$='test']")???? 選取擁有屬性id,并且屬性title以'test'結束的div元素

7.子元素過濾選擇器

$("div .one:nth-child(2)")?????? 選取class為'one'的div父元素下的第2個子元素

$("div span:first-child")??????? 選取每個div中的第1個span元素

$("div span:last-child")???????? 選取每個div中的最后一個span元素

$("div button:only-child")?????? 在div中選取是唯一子元素的button元素

8.表單對象屬性過濾選擇器

$("#form1 :enabled")???????????? 選取id為'form1'的表單內(nèi)所有可用元素

$("#form2 :disabled")??????????? 選取id為'form2'的表單內(nèi)所有不可用元素

$("input :checked")????????????? 選取所有被選中的input元素

$("select option:selected")????? 選取所有的select 的子元素中被選中的元素

9.表單選擇器

$(":input")????????????????????? 選取所有input,textarea,select 和 button元素

$(":text")??????????????????? 選取所有的單行文本框

$(":password")?????????????????? 選取所有的密碼框

$(":radio")????????????????????? 選取所有單的選框

$(":checkbox")?????????????????? 選取所有的多選框

$(":submit")???????????????????? 選取所有的提交按鈕

$(":image")????????????????????? 選取所有的圖像按鈕

$(":reset")????????????????????? 選取所有的重置按鈕

$(":button")???????????????????? 選取所有的按鈕

$(":file")?????????????????????? 選取所有的上傳域

$(":hidden")???????????????????? 選取所有不可見元素

jquery重置form表單！

form 自帶reset按鈕并不能真正重置表單，當表單有默認值時。所以寫js方法調(diào)用，來清空form表單。

jquery使頁面中所有select選中第一個option,就是重置的功能,怎么實現(xiàn)呢?

//方法一，支持低版本的jquery.js

var a = document.getElementById("mySelect");//mySelect是select 的Id

a.options[0].selected = true;

//方法二，jquery1.6中新加了一個方法prop()，因此使用prop()時請使用jquery1.6及以上版本

$("#mySelect option:first").prop("selected", 'selected');