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.獲取幾個下拉框組合的值
var q4 = ("#element1").val() +("#element1").val() +("#element2").val() + $("#element3").val();
4.獲取input輸入框的值
var q5 = $("#element").val();
總結(jié)
以上所述是小編給大家介紹的jquery獲取input輸入框中的值,希望對大家有所幫助,如果大家有任何疑問請給我留言,小編會及時回復(fù)大家的。在此也非常感謝大家對腳本之家網(wǎng)站的支持!
如果你覺得本文對你有幫助,歡迎轉(zhuǎn)載,煩請注明出處,謝謝!
相關(guān)文章
實例講解Jquery中隱藏hide、顯示show、切換toggle的用法
這篇文章主要介紹了實例講解Jquery中隱藏hide、顯示show、切換toggle的用法,感興趣的小伙伴們可以參考一下2016-05-05jQuery插件Echarts實現(xiàn)的漸變色柱狀圖
本文主要介紹了jQuery插件Echarts實現(xiàn)漸變色柱狀圖的實例。具有很好的參考價值。下面跟著小編一起來看下吧2017-03-03jQuery 處理網(wǎng)頁內(nèi)容的實現(xiàn)代碼
改變頁面內(nèi)容應(yīng)該算是Javascript最常用的功能,這包括更改已經(jīng)存在的頁面元素或者添加新的HTML元素。2010-02-02jquery實現(xiàn)select選擇框內(nèi)容左右移動代碼分享
這篇文章主要介紹了jquery實現(xiàn)select選擇框內(nèi)容左右移動代碼,感興趣的小伙伴們可以參考一下2015-11-11jQuery Validate格式驗證功能實例代碼(包括重名驗證)
本文通過實例代碼給大家介紹了jQuery Validate格式驗證功能,代碼中包括重名驗證的方法,需要的的朋友參考下吧2017-07-07jQuery實現(xiàn)發(fā)送驗證碼并60秒倒計時功能
這篇文章主要介紹了jQuery實現(xiàn)發(fā)送驗證碼并60秒倒計時功能,非常不錯,代碼簡單易懂,需要的朋友參考下吧2016-11-11