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...