在jQuery中,name屬性通常用來定義表單元素的名稱。當(dāng)需要對(duì)一個(gè)表單進(jìn)行操作時(shí),有時(shí)會(huì)需要獲取某個(gè)表單元素的值。而如果表單元素有多個(gè),我們就必須使用數(shù)組來進(jìn)行操作。
以下是一個(gè)示例的表單,其中含有多個(gè)input元素:
<form> <label>用戶名:</label> <input type="text" name="username[]"><br> <label>密碼:</label> <input type="password" name="password[]"><br> <label>郵箱:</label> <input type="email" name="email[]"><br> </form>
在這個(gè)表單中,每個(gè)input元素的name屬性都以"[]"結(jié)尾,表示這個(gè)表單元素是一個(gè)數(shù)組。我們可以使用jQuery的serializeArray()方法來獲取表單元素的值:
var formValues = $('form').serializeArray();
此時(shí),formValues變量會(huì)包含一個(gè)數(shù)組,數(shù)組中的每個(gè)元素都是一個(gè)對(duì)象,包含表單元素的name和value值:
[ {name: "username[]", value: "john"}, {name: "password[]", value: "123456"}, {name: "email[]", value: "john@example.com"} ]
我們還可以使用$.each()方法遍歷整個(gè)數(shù)組,這樣就可以一一獲取表單元素的值:
var formValues = $('form').serializeArray(); $.each(formValues, function(index, element){ console.log(element.name + ": " + element.value); });
使用這種方式獲取表單元素的值,可以方便地對(duì)表單進(jìn)行操作,特別是當(dāng)表單元素?cái)?shù)量較多時(shí)。同時(shí),也可以大大減輕我們的工作量。