Vue獲取表單的值

2021-10-08 11:13:39 字數 1406 閱讀 1073

vue自帶乙個特別神奇的指令,v-model可以實現表單元素的值得雙向資料繫結,看演示:

**實現:

"text" v-model=

"msg"

>

}>

當改變input的值,對應的p標籤的值也會發生改變,修改p標籤的值,input裡面的值也會發生改變。

"example-3"

>

"checkbox" id=

"jack" value=

"jack" v-model=

"checknames"

>

="jack"

>

jack

<

/label>

"checkbox" id=

"tony" value=

"tony" v-model=

"checknames"

>

="tony"

>tony<

/label>

"checkbox" id=

"kaiwen" value=

"kaiwen" v-model=

"checknames"

>

="kaiwen"

>kaiwen<

/label>

checknames :

}<

/p>

<

/div>

var vm =

newvue(}

)<

/script>多選框,給每個多選框繫結同乙個值,設定成陣列,能獲取到核取方塊所選的值。

"example-4"

>

"radio" id=

"man" value=

"male" v-model=

"***"

>

="man"

>男<

/label>

"radio" id=

"woman" value=

"female" v-model=

"***"

>

="woman"

>女<

/label>

性別 :

}<

/p>

<

/div>

var vm =

newvue(}

)<

/script>獲取單選框的值,也是繫結同乙個值,設定預設選項,就能獲取到單選框的值。

獲取的資料有多個值時,將對應的值設定為陣列。

jQuery獲取表單值

獲取所有select值 獲取所有屬性值 var item select name items option selected text select name selectname each function 好記性不如爛筆頭,摘錄一下。jquery radio取值,checkbox取值,selec...

jquery 獲取 表單值

jquery取radio單選按鈕的值 input name items checked val jquery radio取值,checkbox取值,select取值,radio選中,checkbox選中,select選中,及其相關 獲取一組radio被選中項的值 var item input nam...

js獲取form表單的值

輸出 url 編碼的文字字串 var o form serialize 結果為 token 1tbmfhkvmt93xauntf4wtrhezp17gway9yu6ii4x mall code 135 merchant id 2 vip card code code coupon name code...