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