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

讓客戶滿意是我們工作的目標(biāo)，不斷超越客戶的期望值來自于我們對這個行業(yè)的熱愛。我們立志把好的技術(shù)通過有效、簡單的方式提供給客戶，將通過不懈努力成為客戶在信息化領(lǐng)域值得信任、有價值的長期合作伙伴，公司提供的服務(wù)項目有：域名申請、網(wǎng)頁空間、營銷軟件、網(wǎng)站建設(shè)、黑龍江網(wǎng)站維護(hù)、網(wǎng)站推廣。

先準(zhǔn)備一段 HTML

一、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ù)大家的。在此也非常感謝大家對創(chuàng)新互聯(lián)網(wǎng)站的支持！
如果你覺得本文對你有幫助，歡迎轉(zhuǎn)載，煩請注明出處，謝謝！