jquery获取input输入框中的值
更新时间：2019年11月13日 10:35:33 作者：dongsir董先生
如何用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输入框中的值，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对脚本之家网站的支持！
如果你觉得本文对你有帮助，欢迎转载，烦请注明出处，谢谢！
相关文章
为了避免和美工冲突，对特定操作对象加上id标识，美工不大改也没什么问题。2011-01-01
本文给大家总结了几种使用jQuery实现的分页插件，效果非常不错，有需要的小伙伴可以参考下。2015-11-11
任意输入国家和城市，用“，”分隔，点击设置下面的超链接就变为了刚设置的城市，点击可以跳到这个城市的查看地图页，鼠标移到超链接上会弹出一个350*350的地图2013-05-05
jQuery Validate表单验证插件的基本使用方法及功能拓展
这篇文章主要介绍了jQuery Validate表单验证插件的基本使用方法及功能拓展的相关资料,本文给大家介绍的非常详细，需要的朋友可以参考下2017-01-01
在DOM对象的实践操作中,存在用于绑定事件的bind方法,也会有相应的移除绑定事件unbind方法，接下来将介绍unbind方法的使用，感兴趣的朋友可以不要错过了啊，或许本文对你有所帮助2013-02-02
下面小编就为大家带来一篇jquery tmpl模板(实例讲解)。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧2017-09-09
下面小编就为大家带来一篇checkbox批量选中,获取选中项的值的简单实例。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧2016-06-06
这篇文章主要介绍了jquery实现左右滑动菜单效果代码,涉及jquery鼠标事件及页面元素动态变换的相关技巧,具有一定参考借鉴价值,需要的朋友可以参考下2015-08-08
下面小编就为大家带来一篇json定义及jquery操作json的方法。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧2016-10-10
前进与后退在浏览网页的时候是比较常见的而且非常的实用，接下来为大家分享下使用jQuery实现图片的前进与后退，感兴趣的朋友可以参考下哈2013-04-04
最新评论