js與jquery獲取input輸入框中的值實例講解
如何用javascript獲取input輸入框中的值，js/jq通過name、id、class獲取input輸入框中的value
先準備一段 HTML
<input type="text" name"username" id="user" placeholder="用戶名" class="uusr"><br>
一、jquery獲取input文本框中的值
通過 name：
$('input[name="username"]').val()
通過 id：
$('#user').val()
通過 class：
$('.uusr').val()
二、javascript獲取input輸入框中的值
通過 name
document.getElementsByName("username")[0].value
通過 id
document.getElementById("user").value
通過 class
document.getElementsByClassName("uusr")[0].value
ps：下面看下jQuery獲取各種input輸入框的值
1.獲取一組radio單選框的值（name屬性為一組的radio的name屬性）
$("input[name=element_name]:checked").val
2.獲取select下拉框的值
$('#element').val()
內(nèi)容擴展：
JS中的 oninput 事件在 IE9 以下版本不支持，需要使用 IE 特有的 onpropertychange 事件替代，這個事件在用戶界面改變或者使用腳本直接修改內(nèi)容兩種情況下都會觸發(fā)，有以下幾種情況：
修改了 input:checkbox 或者 input:radio 元素的選擇中狀態(tài)， checked 屬性發(fā)生變化。
修改了 input:text 或者 textarea 元素的值，value 屬性發(fā)生變化。
修改了 select 元素的選中項，selectedIndex 屬性發(fā)生變化。
if(isIE)
{
document.getElementById("input").onpropertychange = keys();
}
else //需要用addEventListener來注冊事件
{
document.getElementById("input").addEventListener("input", keys, false);
}
以上就是js與jquery獲取input輸入框中的值實例講解的詳細內(nèi)容，更多關(guān)于js與jquery獲取input輸入框中的值的資料請關(guān)注腳本之家其它相關(guān)文章！
相關(guān)文章
JavaScript實現(xiàn)將網(wǎng)頁加入收藏夾功能
瀏覽器出于安全和隱私的考慮,限制了用代碼將網(wǎng)頁加入瀏覽器的收藏夾,本文主要介紹了如何使用通過一些間接的方法實現(xiàn)這一功能,有需要的可以參考下2024-10-10
JavaScript實現(xiàn)視頻轉(zhuǎn)GIF的示例代碼
這篇文章主要介紹了JavaScript實現(xiàn)視頻轉(zhuǎn)GIF,本文一共會按照以下三步去實現(xiàn)一個視頻轉(zhuǎn)?GIF?功能,解封裝視頻,從視頻文件中獲取視頻幀,解碼視頻幀,獲取幀圖像信息,拼裝幀圖像信息,生成?GIF,需要的朋友可以參考下2024-03-03
這篇文章主要為大家詳細介紹了JavaScript實現(xiàn)div的鼠標拖拽效果，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2021-11-11
這篇文章主要為大家詳細介紹了JavaScript實現(xiàn)簡單音樂播放器，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2018-11-11
javascript 中按屬性值查找數(shù)組中的對象多種方法
JavaScript 數(shù)組可以保存混合類型的不同值，例如字符串、空值或布爾值，并且不需要數(shù)組的大小來指定它在哪里自動增長和動態(tài)，這篇文章主要介紹了javascript 中按屬性值查找數(shù)組中的對象多種方法,需要的朋友可以參考下2023-06-06
這篇文章主要介紹了javascript 內(nèi)存模型,結(jié)合實例形式詳細分析了javascript 內(nèi)存模型相關(guān)概念、原理、操作技巧與注意事項,需要的朋友可以參考下2020-04-04
這篇文章主要為大家詳細介紹了JS+Canvas繪制動態(tài)時鐘效果，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2017-11-11
這篇文章主要介紹了微信小程序拖拽排序列表的示例代碼，文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧2020-07-07
這篇文章主要介紹了JS前向后瞻正則表達式定義與用法,分析了前向后瞻正則表達式的具體定義、功能及具體使用技巧,需要的朋友可以參考下2016-12-12
js實現(xiàn)頁面跳轉(zhuǎn)的幾種方法小結(jié)
下面小編就為大家?guī)硪黄猨s實現(xiàn)頁面跳轉(zhuǎn)的幾種方法小結(jié)。小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考，一起跟隨小編過來看看吧2016-05-05