jquery获取input输入框中的值
如何用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输入框中的值,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对我们网站的支持!
如果你觉得本文对你有帮助,欢迎转载,烦请注明出处,谢谢!
相关推荐
-
input 和 textarea 输入框最大文字限制的jquery插件
复制代码 代码如下: /* input 和 textarea 最大文字限定插件 * 修改版, 一个中文表示1一个字, 一个英文半个字; * TextLimit - jQuery plugin for counting and limiting characters for input and textarea fields * * pass '-1' as speed if you don't want the char-deletion effect. (don't just put 0) *
-
js与jquery实时监听输入框值的oninput与onpropertychange方法
本文实例讲述了js与jquery实时监听输入框值的oninput与onpropertychange方法.分享给大家供大家参考.具体如下: 最近做过一个项目,需求是下拉框里自动匹配关键字,具体细节是实时监听文本框 value 值的变化,然后匹配相关内容. 初接项目,首先想到的是 JQ 里的 change,但是马上排除此方法,因为 change 是在文本框失去焦点时才会触发.曲线救国一下,想到用 keydown 来解决.其他一切还好,只是当不通过键盘操作,而是通过鼠标来复制粘贴时,这个事件是无法触发
-
基于Bootstrap使用jQuery实现输入框组input-group的添加与删除
本文实例为大家分享使用jQuery实现输入框组input-group的添加与删除操作,供大家参考,具体内容如下 注意这里要求使用到Bootstrap框架的输入框组,如: <div class="row"> <div class="col-lg-6"> <div class="input-group"> <span class="input-group-addon"> <in
-
jQuery实现input输入框获取焦点与失去焦点时提示的消失与显示功能示例
本文实例讲述了jQuery实现input输入框获取焦点与失去焦点时提示的消失与显示功能.分享给大家供大家参考,具体如下: 最近都成为页面仔了,主要工作都放在了前段,以前总是写后台程序,对前端的一些技术 html,css,javascript ,虽然都懂一些,但要做出比较好看页面,还是有很大的差距的.最近就遇到了这样一个要求不是很高,但有点小清新风格的登录或注册页面,要求如下: 1. 在输入框中 如果没有内容,则显示提示:比如"请输入用户名" 2. 如果输入框获得焦点,则隐藏提示 3.
-
基于jQuery的input输入框下拉提示层(自动邮箱后缀名)
效果图 代码部分 复制代码 代码如下: // JavaScript Document (function($){ $.fn.extend({ "changeTips":function(value){ value = $.extend({ divTip:"" },value) var $this = $(this); var indexLi = 0; //点击document隐藏下拉层 $(document).click(function(event){ if($(
-
input 输入框获得/失去焦点时隐藏/显示文字(jquery版)
input 输入框获得和失去焦点时隐藏或者显示文字我们先看下效果图 输入框默认状态: 输入框获取焦点状态: 大家可以看效果图的搜索输入框,默认显示着"用户名/Email"的提示,当这个 input 输入框获得焦点时,就自动清空等待用户输入,当用户啥也没输入就离开这个 input 输入框时,输入框内又再次显示"用户名/Email"的提示.是不是很常见?很多搜索.登录.表单都会用到这个效果,但是我看了N多个网站,有90%以上是这么实现的: 复制代码 代码如下: &l
-
jQuery实现动态添加、删除按钮及input输入框的方法
本文实例讲述了jQuery实现动态添加.删除按钮及input输入框的方法.分享给大家供大家参考,具体如下: <html> <head> <meta charset="utf-8"> <title>动态创建按钮</title> <script src='http://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js'></script> </head>
-
jquery实现input输入框实时输入触发事件代码
复制代码 代码如下: <input id="productName" name="productName" class="wid10" type="text" value="" /> 复制代码 代码如下: //绑定商品名称联想 $('#productName').bind('input propertychange', function() {searchProductClassbyName()
-
jQuery/JS监听input输入框值变化实例
input事件: onchange: 1.要在 input 失去焦点的时候才会触发: 2.在输入框内容变化的时候不会触发change,当鼠标在其他地方点一下才会触发: 3.onchange event 所有主要浏览器都支持: 4.onchange 属性可以使用于:<input>, <select>, 和 <textarea>. <script> function change(){ var x=document.getElementById("pa
-
jQuery 版本的文本输入框检查器Input Check
复制代码 代码如下: /** * power by wooshoo copyright 2008-2009 * 程序名:JQuery 专用输入检查器 * 内容:专门针对input[text password hidden]以及textarea的用户输入进行检查 * 检查的范围包括:字符数.是否包含特殊字符.是否为整数.是否符合email格式.是否为电话号码. * 是否为网站地址.是否为图片地址.是否为浮点小数.是否为人民币货币.是否为日期格式 * 是否为时间格式.是否为日期时间格式.是否为密码格
随机推荐
- java 连接Redis的小例子
- asp.net操作ini文件示例
- php 的加密函数 md5,crypt,base64_encode 等使用介绍
- JS自动倒计时30秒后按钮才可用(两种场景)
- Python中SOAP项目的介绍及其在web开发中的应用
- Android中通知Notification使用实例(振动、灯光、声音)
- php微信高级接口群发 多客服
- python简单的函数定义和用法实例
- 基于jQuery实现文字打印动态效果
- 自动生成linux网卡配置脚本分享
- jQuery 表格插件整理
- 用XMLDOM和ADODB.Stream实现base64编码解码实现代码
- Java输入字母来判断星期几的实现代码
- 高手收集整理的baidu分词算法分析之一 查询处理以及分词技术(1)
- win2003 iis6 Rewrite权限设置问题 解决了 大家共享 2003NTFS用户 你不看肯定开不开
- Android编程实现仿易信精美弹出框效果【附demo源码下载】
- Java中for循环的执行过程分析
- Spring+SpringMVC+MyBatis深入学习及搭建(二)之MyBatis原始Dao开发和mapper代理开发
- PHP数组实例总结与说明
- Vue中的slot使用插槽分发内容的方法