jQuery 之表單操做

1、獲取表單 DOM 元素

除了使用 id 和 class 選擇器以外，對於表單元素還可經過 type 以及 name 屬性選擇表單元素，實例：

• $("input[type='radio']")
• $("input[type='checkbox']")
• $("input[name='username']")

2、獲取/設置 表單元素的值

（1）文本框、文本域

當表單的值爲字符串時，可用 $.trim() 方法去除字符串先後的空格

• val() 方法不傳參數，視爲獲取 value 值，不然視爲設置 value 值
  $("input[type='text']").val()

（2）單選、多選

• 判斷是否選中：
  $("input[type='radio']").is(":checked")
• 設置選中狀態（第二個參數爲 false，則取消選中）：
  $("input[type='radio']").prop("checked", true)

3、隱藏域

基本語法：

<input type="hidden" name="field_name" value="value">

特色：

1. 對於網頁訪問者來講，隱藏域是不可見的
2. 表單提交時，隱藏域會將自身的 name 和 value 發送到服務器

用途：

1. 收集發送數據，能夠處理一些特殊的數據，好比用戶身份
2. 只能用於簡單的數據儲存和傳遞

4、提交表單

在提交表單時需將表單元素集合的值傳遞給後臺，serialize() 的做用是將選擇的表單元素的 vlaue 值序列化爲字符串。

實例：

$.ajax({
    url: 'your_url',
    type: 'POST',
    data: $('form').serialize(),
    success: function () {
        // some code
    },
    error: function () {
        // some code
    }
})