js與jquery獲取input輸入框中的值實(shí)例講解
如何用javascript獲取input輸入框中的值,js/jq通過name、id、class獲取input輸入框中的value
先準(zhǔn)備一段 HTML
<input type='text' name'username' 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)容兩種情況下都會觸發(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來注冊事件 { document.getElementById('input').addEventListener('input', keys, false);}
以上就是js與jquery獲取input輸入框中的值實(shí)例講解的詳細(xì)內(nèi)容,更多關(guān)于js與jquery獲取input輸入框中的值的資料請關(guān)注好吧啦網(wǎng)其它相關(guān)文章!
相關(guān)文章:
1. 解決Python 進(jìn)程池Pool中一些坑2. Python如何讀寫CSV文件3. php網(wǎng)絡(luò)安全中命令執(zhí)行漏洞的產(chǎn)生及本質(zhì)探究4. 三個(gè)不常見的 HTML5 實(shí)用新特性簡介5. 無線標(biāo)記語言(WML)基礎(chǔ)之WMLScript 基礎(chǔ)第1/2頁6. ajax請求添加自定義header參數(shù)代碼7. php測試程序運(yùn)行速度和頁面執(zhí)行速度的代碼8. Python獲取抖音關(guān)注列表封號賬號的實(shí)現(xiàn)代碼9. python利用os模塊編寫文件復(fù)制功能——copy()函數(shù)用法10. Python使用jupyter notebook查看ipynb文件過程解析
