jquery獲取input輸入框中的值
如何用javascript獲取input輸入框中的值，js/jq通過name、id、class獲取input輸入框中的value
先準(zhǔn)備一段 HTML
<input type="text" id="CN_NAME" name="CN_NAME" class="CN_NAME">
一、jquery獲取input文本框中的值
通過 name
var name = $('input[name="CN_NAME"]').val();
通過 id
var name = $('#CN_NAME').val();
通過 class
var name = $('.CN_NAME').val();
二、javascript獲取input輸入框中的值
通過 name
document.getElementsByName("CN_NAME")[0].value
通過 id
var name = document.getElementById("CN_NAME").value
通過 class
document.getElementsByClassName("CN_NAME")[0].value
ps：下面看下jQuery獲取各種input輸入框的值
1.獲取一組radio單選框的值（name屬性為一組的radio的name屬性）
var q1 = $("input[name=element_name]:checked").val();
2.獲取select下拉框的值
var q2 = $("#element").val();
3.獲取幾個(gè)下拉框組合的值
var q4 = ("#element1").val() +("#element1").val() +("#element2").val() + $("#element3").val();
4.獲取input輸入框的值
var q5 = $("#element").val();
總結(jié)
以上所述是小編給大家介紹的jquery獲取input輸入框中的值，希望對(duì)大家有所幫助，如果大家有任何疑問請(qǐng)給我留言，小編會(huì)及時(shí)回復(fù)大家的。在此也非常感謝大家對(duì)腳本之家網(wǎng)站的支持！
如果你覺得本文對(duì)你有幫助，歡迎轉(zhuǎn)載，煩請(qǐng)注明出處，謝謝！
相關(guān)文章
jQuery 1.9.1源碼分析系列（十五)之動(dòng)畫處理
這篇文章主要介紹了jQuery 1.9.1源碼分析系列（十五)之動(dòng)畫處理 的相關(guān)資料,需要的朋友可以參考下2015-12-12
GridView中獲取被點(diǎn)擊行中的DropDownList和TextBox中的值
本文為大家介紹下如何通過點(diǎn)擊GridView中的a標(biāo)簽獲取被點(diǎn)擊行中的下拉框和文本框中的值，具體實(shí)現(xiàn)嗲嗎如下，感興趣的朋友可以參考下哈，希望對(duì)大家有所幫助2013-07-07
這篇文章主要介紹了jQuery中delegate()方法用法,實(shí)例分析了delegate()方法的功能、定義及為匹配元素的子元素添加一個(gè)或多個(gè)事件,并規(guī)定當(dāng)這些事件發(fā)生時(shí)運(yùn)行函數(shù)的使用技巧,需要的朋友可以參考下2015-01-01
jQuery使用ajax跨域獲取數(shù)據(jù)的簡單實(shí)例
下面小編就為大家?guī)硪黄猨Query使用ajax跨域獲取數(shù)據(jù)的簡單實(shí)例。小編覺得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧2016-05-05
使用jquery實(shí)現(xiàn)div的tab切換實(shí)例代碼
以前使用js代碼來寫的簡單效果現(xiàn)在用jQ來寫，具體實(shí)現(xiàn)如下，感興趣的朋友可以參考下哈2013-05-05
這篇文章主要介紹了jQuery的緩存機(jī)制淺析,并且模擬jQuery自己寫了一個(gè)簡單的緩存系統(tǒng)實(shí)例,需要的朋友可以參考下2014-06-06
jQuery ui插件的使用方法代碼實(shí)例，需要的朋友可以參考一下2013-05-05
基于jQuery的煙花效果（運(yùn)動(dòng)相關(guān)）點(diǎn)擊屏幕出煙花
基于jQuery的煙花效果（運(yùn)動(dòng)相關(guān)）點(diǎn)擊屏幕出煙花 ，經(jīng)測試不能點(diǎn)擊過多，容易假死2012-06-06
jQuery模板技術(shù)和數(shù)據(jù)綁定實(shí)現(xiàn)代碼
如果你用過ASP.NET的數(shù)據(jù)綁定控件，也用過ASP或者JSP里那種通過輸出HTML元素在頁面上顯示數(shù)據(jù)的方法，你就知道ASP.NET數(shù)據(jù)綁定控件有多么方便。如果能夠?qū)⑼瑯拥墓δ茉跒g覽器端用HTML和JavaScript實(shí)現(xiàn)，那該是多少美妙的事情。2010-05-05
JQuery之proxy實(shí)現(xiàn)綁定代理方法
下面小編就為大家?guī)硪黄狫Query之proxy實(shí)現(xiàn)綁定代理方法。小編覺得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧2016-08-08