如何用javascript获取input输入框中的值,js/jq通过name、id、class获取input输入框中的value

先准备一段 HTML

一、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输入框中的值,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对脚本之家网站的支持!

如果你觉得本文对你有帮助,欢迎转载,烦请注明出处,谢谢!

html取 输入框中的值,jquery获取input输入框中的值相关推荐

  1. 如何通过js获取html文本框中的值,js与jquery获取input输入框中的值实例讲解

    如何用javascript获取input输入框中的值,js/jq通过name.id.class获取input输入框中的value 先准备一段 HTML 一.jquery获取input文本框中的值 通过 ...

  2. 微信小程序获取text的值与获取input的输入的值

    有时候我们请求后台的时候需要使用到的 1 获取text 的值 首先需要把text 渲染 把值写在js里面 不如 wxml  写一个text <view class="container ...

  3. 如何获取input输入框中的值?

    如何获取input输入框中的值? 获取input输入框中值的关键是获取input的value属性. 1.javascript   通过DOM元素获取方法来获取input元素,然后访问其value属性. ...

  4. php监听input,jQuery如何实时监听获取input输入框的值

    jQuery实时监听获取input输入框的值,在我们日常web项目开发也常需要去实现这样的功能效果.为了作出即时动作去引导浏览者,以便提高网站的用户体验感. 下面我们就结合具体的代码示例,为大家介绍j ...

  5. vue input只能输入正整数_前端开发:Vue中获取input输入框值的方法

    在前端开发过程中,会用到各种各样的基础组件,一些常用的组件的使用方法一定要滚熟于心,对于刚入门的新手来说,对基础知识的熟练掌握很重要,如果不熟练就会影响开发速度.那么本篇博文就来分享一个比较基础的知识 ...

  6. js给select下拉框赋值-通过jquery方法赋值;jqueryslideBox(jquery轮播);jquery获取当前输入框值、is函数、function($)含义

    JS_Select赋值的几种方式 jquery添加元素菜鸟教程 时间控件联动,根据选择日期+7天 jquery轮播之slideBox参考1 jquery轮播之slideBox参考2 jquery轮播之 ...

  7. jquery 获取Input 值

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/ ...

  8. java 获取td_[Java教程]jQuery获取table表中的td标签

    [Java教程]jQuery获取table表中的td标签 0 2017-07-28 00:00:08 首先我来介绍一下我遇到的问题 1.当有一个table表包含了 标签,标签,大致可以认为是这样的: ...

  9. jQuery获取所选单选按钮的值

    本文翻译自:jQuery get value of selected radio button The problem statement is simple. 问题陈述很简单. I need to ...

最新文章

  1. js事件之神奇的onclick
  2. openstack-mitaka之Telemetry服务(controller安装部署二)
  3. 激活Win Server 2008 R2 Datacenter
  4. 漏磁用MATLAB,管道漏磁内检测数据可视化技术研究
  5. C++实现AOE网中的关键路径算法及机动时间计算算法(邻接表存储)
  6. 如何在Gradle多项目构建中管理依赖项
  7. 每日一题(50)—— 各类型与零值的比较
  8. python pandas合并多个excel_python pandas合并多个excel(xls和xlsx)文件(弹窗选择文件夹和保存文件)...
  9. treeset java_Java TreeSet iterator()方法与示例
  10. cocos2d-js 网络请求之GET/POST
  11. 精心整理的10套最美Web前端新年特效--提前祝大家新年快乐
  12. 学计算机拼音摇号,拼音真的很难教?要不要提前学?我们一起陪娃做好这些就够了!...
  13. 设置swiper中的高度
  14. Python之数据爬取数据可视化
  15. 【编程语言】品诺试题
  16. 第五人格手机游戏在PC上怎么玩?第五人格哪款模拟器好用?
  17. Sass系统技术选型笔记(2)JBPM
  18. 2010互联网第一件大事件——谷歌退出中国内地
  19. __kfifo_put和__kfifo_get
  20. TypeError: can‘t convert CUDA tensor to numpy. Use Tensor.cpu() to copy the tensor to host memory

热门文章

  1. 霍夫变换直线检测理解
  2. 【11】nvjdc不能用以后另一种jd ck获取办法
  3. 什么是mini GBIC,mini GBIC与SFP光模块有什么区别?
  4. 41 Ansible安装
  5. mysql等待事件类型_Oracle中常见的33个等待事件小结
  6. oracle10g cssd日志,【案例】Oracle CSSD进程HANG导致RAC节点重启原因分析笔记
  7. android xml解析demo,Android解析自定义xml文件--Sax解析xml文件,测试demo(方案二)...
  8. eclipse mysql 线程池_JAVA5线程池使用
  9. android setinputtype光标,Android屏蔽软键盘并且显示光标的实例详解
  10. mysql实现gb18030转utf8_将编码是GB18030的小文件转为UTF8