jquery获取input输入框中的值


Posted in jQuery onNovember 13, 2019

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

jQuery 相关文章推荐
jQuery实现Select下拉列表进行状态选择功能
Mar 30 jQuery
Jquery把获取到的input值转换成json
May 15 jQuery
详解如何在 vue 项目里正确地引用 jquery 和 jquery-ui的插件
Jun 01 jQuery
jquery获取transform里的值实现方法
Dec 12 jQuery
利用jQuery+localStorage实现一个简易的计时器示例代码
Dec 25 jQuery
详解jquery和vue对比
Apr 16 jQuery
jQuery实现图片下载代码
Jul 18 jQuery
jQuery实现鼠标移入显示蒙版效果
Jan 11 jQuery
jquery绑定事件 bind和on的用法与区别分析
May 22 jQuery
Jquery ajax书写方法代码实例解析
Jun 12 jQuery
基于jquery实现彩色投票进度条代码解析
Aug 26 jQuery
jQuery实现朋友圈查看图片
Sep 11 jQuery
JS 遍历 json 和 JQuery 遍历json操作完整示例
Nov 11 #jQuery
javascript/jquery实现点击触发事件的方法分析
Nov 11 #jQuery
jquery ajax 请求小技巧实例分析
Nov 11 #jQuery
jQuery利用cookie 实现本地收藏功能(不重复无需多次命名)
Nov 07 #jQuery
jQuery实现form表单基于ajax无刷新提交方法实例代码
Nov 04 #jQuery
jQuery鼠标滑过横向时间轴样式(代码详解)
Nov 01 #jQuery
jQuery高级编程之js对象、json与ajax用法实例分析
Nov 01 #jQuery
You might like
PHP防CC攻击实现代码
2011/12/29 PHP
基于PHP异步执行的常用方式详解
2013/06/03 PHP
PHP把网页保存为word文件的三种方法
2014/04/01 PHP
在WordPress中安装使用视频播放器插件Hana Flv Player
2016/01/04 PHP
PHPWind9.0手动屏蔽验证码解决后台关闭验证码但是依然显示的问题
2016/08/12 PHP
PHP中引用类型和值类型功能与用法示例
2019/02/26 PHP
window.dialogArguments 使用说明
2011/04/11 Javascript
jQuery 源码分析笔记(4) Ready函数
2011/06/02 Javascript
jQuery之折叠面板的深入解析
2013/06/19 Javascript
jQuery 获取遍历获取table中每一个tr中的第一个td的方法
2016/10/05 Javascript
Bootstrap面板学习使用
2017/02/09 Javascript
JavaScript原型继承_动力节点Java学院整理
2017/06/30 Javascript
关于jquery layui弹出层的使用方法
2018/04/21 jQuery
微信小程序自定义底部弹出框动画
2020/11/18 Javascript
[01:36:19]Secret vs NB 2018国际邀请赛小组赛BO2 第一场 8.19
2018/08/21 DOTA
在Windows8上的搭建Python和Django环境
2014/07/03 Python
Python中函数的多种格式和使用实例及小技巧
2015/04/13 Python
用Python的Django框架来制作一个RSS阅读器
2015/07/22 Python
用ReactJS和Python的Flask框架编写留言板的代码示例
2015/12/19 Python
python迭代器与生成器详解
2016/03/10 Python
Python流行ORM框架sqlalchemy安装与使用教程
2019/06/04 Python
python3 实现函数写文件路径的正确方法
2019/11/27 Python
Python常用模块函数代码汇总解析
2020/08/31 Python
Python读写csv文件流程及异常解决
2020/10/20 Python
联想哥伦比亚网上商城:Lenovo Colombia
2017/01/10 全球购物
Pretty Little Thing爱尔兰:时尚女性服饰
2017/03/27 全球购物
一些Unix笔试题和面试题
2013/01/22 面试题
志愿者活动总结范文
2014/04/26 职场文书
安全教育月活动总结
2014/05/05 职场文书
国贸专业毕业求职信
2014/06/11 职场文书
离婚协议书的书写要求
2014/09/17 职场文书
2014班子成员自我剖析材料思想汇报
2014/10/01 职场文书
学校社团活动总结
2015/05/07 职场文书
交通安全教育主题班会
2015/08/12 职场文书
pytorch中的model=model.to(device)使用说明
2021/05/24 Python
Redis Cluster 集群搭建你会吗
2021/08/04 Redis