当前位置:首页 >> 网络编程

jquery获取input输入框中的值

如何用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输入框中的值,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对网站的支持!
如果你觉得本文对你有帮助,欢迎转载,烦请注明出处,谢谢!