jquery獲取input輸入框中的值

發布時間：2020-10-06 22:47:35 來源：腳本之家閱讀：329 作者：dongsir董先生欄目：web開發

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

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

總結

以上所述是小編給大家介紹的jquery獲取input輸入框中的值，希望對大家有所幫助，如果大家有任何疑問請給我留言，小編會及時回復大家的。在此也非常感謝大家對億速云網站的支持！
如果你覺得本文對你有幫助，歡迎轉載，煩請注明出處，謝謝！

向AI問一下細節

中文字幕av专区_日韩电影在线播放_精品国产精品久久一区免费式_av在线免费观看网站