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+ThinkPHP+Ajax实现即时消息提醒功能实例代码
Mar 21 jQuery
jQuery Json数据格式排版高亮插件json-viewer.js使用方法详解
Jun 12 jQuery
原生js jquery ajax请求以及jsonp的调用方法
Aug 04 jQuery
jQuery实现注册会员时密码强度提示信息功能示例
Sep 05 jQuery
jQuery 利用ztree实现树形表格的实例代码
Sep 27 jQuery
基于jquery实现五星好评
Nov 18 jQuery
jQuery EasyUI 选项卡面板tabs的使用实例讲解
Dec 25 jQuery
jquery 获取索引值在一定范围的列表方法
Jan 25 jQuery
JS与jQuery实现ListBox上移,下移,左移,右移操作功能示例
May 31 jQuery
jQuery实现模糊搜索功能的方法分析
Jun 29 jQuery
使用jquery的cookie实现登录页记住用户名和密码的方法
Mar 13 jQuery
jquery实现垂直无限轮播的方法分析
Jul 16 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动态图像的创建
2006/10/09 PHP
php目录操作函数之获取目录与文件的类型
2010/12/29 PHP
php中使用explode查找某个字符是否存在的方法
2011/07/12 PHP
php批量上传的实现代码
2013/06/09 PHP
php版微信公众平台接口开发之智能回复开发教程
2016/09/22 PHP
php实现websocket实时消息推送
2018/03/30 PHP
php中目录操作opendir()、readdir()及scandir()用法示例
2019/06/08 PHP
juqery 学习之三 选择器 可见性 元素属性
2010/11/25 Javascript
js中将HTMLCollection/NodeList/伪数组转换成数组的代码
2011/07/31 Javascript
教你如何使用PHP输出中文JSON字符串
2014/05/22 Javascript
JavaScript严格模式禁用With语句的原因
2014/10/20 Javascript
jQuery 如何给Carousel插件添加新的功能
2016/04/18 Javascript
JavaScript动态生成二维码图片
2016/04/20 Javascript
Vue 过渡(动画)transition组件案例详解
2017/01/22 Javascript
深入理解Vue-cli搭建项目后的目录结构探秘
2017/07/13 Javascript
jQuery Ajax 实现分页 kkpager插件实例代码
2017/08/10 jQuery
Vue-cli-webpack搭建斗鱼直播步骤详解
2017/11/17 Javascript
jQuery实现动态加载select下拉列表项功能示例
2018/05/31 jQuery
小程序如何定位所在城市及发起周边搜索
2020/02/11 Javascript
使用Python抓取模板之家的CSS模板
2015/03/16 Python
Python验证码识别的方法
2015/07/10 Python
pandas.DataFrame删除/选取含有特定数值的行或列实例
2018/11/07 Python
python实现给scatter设置颜色渐变条colorbar的方法
2018/12/13 Python
Python使用Pygame绘制时钟
2020/11/29 Python
css3弹性盒模型(Flexbox)详细介绍
2014/10/08 HTML / CSS
使用HTML5的表单验证的简单示例
2015/09/09 HTML / CSS
HTML5 文件域+FileReader 分段读取文件并上传到服务器
2017/10/23 HTML / CSS
ShellScript面试题一则-ShellScript编程
2014/03/05 面试题
教师个人剖析材料
2014/02/05 职场文书
铁路工务反思材料
2014/02/07 职场文书
春节联欢会策划方案
2014/05/16 职场文书
学术诚信承诺书
2014/05/26 职场文书
小学生勤俭节约演讲稿
2014/08/28 职场文书
缓刑人员思想汇报
2014/10/11 职场文书
2016年公务员六五普法心得体会
2016/01/21 职场文书
python使用torch随机初始化参数
2022/03/22 Python