這篇文章主要介紹了js與jquery怎么獲取input輸入框中的值，具有一定借鑒價(jià)值，感興趣的朋友可以參考下，希望大家閱讀完這篇文章之后大有收獲，下面讓小編帶著大家一起了解一下。

鎮(zhèn)坪網(wǎng)站制作公司哪家好，找創(chuàng)新互聯(lián)公司！從網(wǎng)頁(yè)設(shè)計(jì)、網(wǎng)站建設(shè)、微信開(kāi)發(fā)、APP開(kāi)發(fā)、成都響應(yīng)式網(wǎng)站建設(shè)公司等網(wǎng)站項(xiàng)目制作，到程序開(kāi)發(fā)，運(yùn)營(yíng)維護(hù)。創(chuàng)新互聯(lián)公司從2013年開(kāi)始到現(xiàn)在10年的時(shí)間，我們擁有了豐富的建站經(jīng)驗(yàn)和運(yùn)維經(jīng)驗(yàn)，來(lái)保證我們的工作的順利進(jìn)行。專(zhuān)注于網(wǎng)站建設(shè)就選創(chuàng)新互聯(lián)公司。

如何用javascript獲取input輸入框中的值，js/jq通過(guò)name、id、class獲取input輸入框中的value

先準(zhǔn)備一段 HTML

一、jquery獲取input文本框中的值

通過(guò) name：

$('input[name="username"]').val()

通過(guò) id：

$('#user').val()

通過(guò) class：

$('.uusr').val()

二、javascript獲取input輸入框中的值

通過(guò) name

document.getElementsByName("username")[0].value

通過(guò) id

document.getElementById("user").value

通過(guò) 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è)事件在用戶(hù)界面改變或者使用腳本直接修改內(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來(lái)注冊(cè)事件 
{ 
 document.getElementById("input").addEventListener("input", keys, false);
}

感謝你能夠認(rèn)真閱讀完這篇文章，希望小編分享的“js與jquery怎么獲取input輸入框中的值”這篇文章對(duì)大家有幫助，同時(shí)也希望大家多多支持創(chuàng)新互聯(lián)，關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道，更多相關(guān)知識(shí)等著你來(lái)學(xué)習(xí)!