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