首頁 > 網際網路

如何用js或者jquery獲取input框裡面的值

2019-12-11 16:55:04

處理表單的時候通常會通過獲取input中的值來進行比較判斷,或者賦值,對於前端的驗證用到比較多,那麼怎麼獲取input中的值呢?

1

首先建立一個靜態頁面命名為getvalue.html,標題為「如何用js或者jquery獲取input框裡面的值」。


2

建立一個form name為"form1",並新增input type為「text」  ,name為"mycontent" , id為"mycontentid" 


3

加一個button點選的時候觸發click 時間來顯示input中的值


4

在button中新增click事件 並建立方法fungetvalue()


1

在fungetvalue() 中加入document.form1.mycontent.value,並用alert提示,如果點選按鈕能夠輸出 input中的值就說明獲取到了


2

通過getElementById("mycontentid")的方法來獲取input值



1

在靜態頁面中引入jquery庫,jquery.min.js


2

在函數中加入獲取input值的程式碼 




IT145.com E-mail:sddin#qq.com