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插件FusionCharts实现的Marimekko图效果示例【附demo源码】
Mar 24 jQuery
jQuery EasyUI 为Combo,Combobox添加清除值功能的实例
Apr 13 jQuery
jquery+ajax实现省市区三级联动 (封装和不封装两种方式)
May 15 jQuery
JS/jQuery实现DIV延时几秒后消失或显示的方法
Feb 12 jQuery
解决jquery的ajax调取后端数据成功却渲染失败的问题
Aug 08 jQuery
jQuery实现的隔行变色功能【案例】
Feb 18 jQuery
jQuery实现图片下载代码
Jul 18 jQuery
jquery实现掷骰子小游戏
Oct 24 jQuery
jQuery 图片查看器插件 Viewer.js用法简单示例
Apr 04 jQuery
jQuery 添加元素和删除元素的方法
Jul 15 jQuery
Jquery $.map使用方法实例详解
Sep 01 jQuery
jQuery实现tab栏切换效果
Dec 22 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
discuz论坛 用户登录 后台程序代码
2008/11/27 PHP
仿AS3实现PHP 事件机制实现代码
2011/01/27 PHP
php中限制ip段访问、禁止ip提交表单的代码分享
2014/08/22 PHP
解决php 处理 form 表单提交多个 name 属性值相同的 input 标签问题
2017/05/11 PHP
利用php获得flv视频长度的实例代码
2017/10/26 PHP
解决Laravel blade模板转义html标签的问题
2019/09/03 PHP
JQuery 获取和设置Select选项的代码
2010/02/07 Javascript
js表头排序实现方法
2015/01/16 Javascript
ionic组件ion-tabs选项卡切换效果实例
2016/08/27 Javascript
javascript设计模式之Adapter模式【适配器模式】实现方法示例
2017/01/13 Javascript
面试常见的js算法题
2017/03/23 Javascript
微信小程序实现滴滴导航tab切换效果
2018/07/24 Javascript
Vue通过ref父子组件拿值方法
2018/09/12 Javascript
玩转Koa之核心原理分析
2018/12/29 Javascript
ES6中字符串的使用方法扩展
2019/06/04 Javascript
javascript关于“时间”的一次探索
2019/07/24 Javascript
vuex + keep-alive实现tab标签页面缓存功能
2019/10/17 Javascript
详解JavaScript中new操作符的解析和实现
2020/09/04 Javascript
Python Mysql自动备份脚本
2008/07/14 Python
python 七种邮件内容发送方法实例
2014/04/22 Python
Python对象类型及其运算方法(详解)
2017/07/05 Python
python生成随机图形验证码详解
2017/11/08 Python
Pandas之read_csv()读取文件跳过报错行的解决
2020/04/21 Python
django 数据库返回queryset实现封装为字典
2020/05/19 Python
基于HTML5 FileSystem API的使用介绍
2013/04/24 HTML / CSS
THE OUTNET美国官网:国际设计师品牌折扣网站
2017/03/07 全球购物
意大利折扣和优惠券网站:Groupalia
2019/10/09 全球购物
什么是makefile? 如何编写makefile?
2013/01/02 面试题
小学英语教学反思案例
2014/02/04 职场文书
安全生产计划书
2014/05/04 职场文书
服务标语口号
2014/07/01 职场文书
岗位说明书怎么写
2014/07/30 职场文书
小学作文指导之如何写人?
2019/07/08 职场文书
python 实现图与图之间的间距调整subplots_adjust
2021/05/21 Python
解决Vue+SpringBoot+Shiro跨域问题
2021/06/09 Vue.js
微信小程序实现聊天室功能
2021/06/14 Javascript