国产成人精品亚洲777人妖,欧美日韩精品一区视频,最新亚洲国产,国产乱码精品一区二区亚洲

您的位置:首頁技術文章
文章詳情頁

js與jquery獲取input輸入框中的值實例講解

瀏覽:137日期:2024-05-23 16:58:18

如何用javascript獲取input輸入框中的值,js/jq通過name、id、class獲取input輸入框中的value

先準備一段 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()

js與jquery獲取input輸入框中的值實例講解

內容擴展:

JS中的 oninput 事件在 IE9 以下版本不支持,需要使用 IE 特有的 onpropertychange 事件替代,這個事件在用戶界面改變或者使用腳本直接修改內容兩種情況下都會觸發,有以下幾種情況:

修改了 input:checkbox 或者 input:radio 元素的選擇中狀態, checked 屬性發生變化。

修改了 input:text 或者 textarea 元素的值,value 屬性發生變化。

修改了 select 元素的選中項,selectedIndex 屬性發生變化。

if(isIE) { document.getElementById('input').onpropertychange = keys(); } else //需要用addEventListener來注冊事件 { document.getElementById('input').addEventListener('input', keys, false);}

以上就是js與jquery獲取input輸入框中的值實例講解的詳細內容,更多關于js與jquery獲取input輸入框中的值的資料請關注好吧啦網其它相關文章!

標簽: JavaScript
相關文章:
主站蜘蛛池模板: 黑河市| 新野县| 讷河市| 岚皋县| 多伦县| 台北县| 富民县| 林口县| 崇信县| 太保市| 吉林市| 新巴尔虎左旗| 当涂县| 海阳市| 孝昌县| 平江县| 鄂州市| 桐梓县| 昌平区| 龙山县| 淮滨县| 红桥区| 西华县| 名山县| 上饶市| 本溪市| 诸城市| 张掖市| 长春市| 汕尾市| 元谋县| 长岛县| 大余县| 福建省| 合川市| 平阳县| 莲花县| 专栏| 抚宁县| 新密市| 永嘉县|