jquery获取input输入框中的值
- 作者: 搞笑GIF图片段子每天更新
- 来源: 51数据库
- 2020-08-06
如何用javascript获取input输入框中的值，js/jq通过name、id、class获取input输入框中的value。接下来本文通过代码讲解，需要的朋友参考下
如何用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输入框中的值，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。
如果你觉得本文对你有帮助，欢迎转载，烦请注明出处，谢谢！
推荐阅读
