jQuery根据ID获取input、checkbox、radio、select的示例


Posted in Javascript onAugust 11, 2014

input:

var xxx = $('#ID').val()

---------------------------------------------------------------------------------

checkbox:

var xxx = [ ];
$('input[name=MyName]:checked).each(function(index, element) {
xxx.push($(element).val());
// 或者 xxx.push($(this).val());
});

注意:这里没有基于ID,有些不严谨。如果你的checkbox元素是某个容器的子元素(假设容器的id为con_id),则可以这样选择:

======

$('#con_id input[name=MyName]:checked')
或者
$('input[name=MyName]:checked', '#con_id')

----------------------------------------------------------------------------------

radio:

var xxx = $(''input[name=MyName]:checked”).val();

======

注意:这里没有基于ID。要限制指定的ID,参看上面checkbox的情况

----------------------------------------------------------------------------------

select:

var xxx = $("#ID option:selected").val();

======

注意两点:

1.select选中的属性是“seleted”,而不是“checked”。

2.select默认是“单选的”,如果是多选(multiple),我没有试过。想必用.each()可以处理。

Javascript 相关文章推荐
datePicker——日期选择控件(with jquery)
Feb 20 Javascript
最新的10款jQuery内容滑块插件分享
Sep 18 Javascript
js异常捕获方法介绍
Apr 10 Javascript
浅谈JavaScript的Polymer框架中的事件绑定
Jul 29 Javascript
js控制元素显示在屏幕固定位置及监听屏幕高度变化的方法
Aug 11 Javascript
基于JavaScript获取鼠标位置的各种方法
Dec 16 Javascript
es6新特性之 class 基本用法解析
May 05 Javascript
JavaScript引用类型Array实例分析
Jul 24 Javascript
node错误处理与日志记录的实现
Dec 24 Javascript
JS中getElementsByClassName与classList兼容性问题解决方案分析
Aug 07 Javascript
JS实现排行榜文字向上滚动轮播效果
Nov 26 Javascript
微信小程序request请求封装,验签代码实例
Dec 04 Javascript
JavaScript中跨域调用Flash的方法
Aug 11 #Javascript
jQuery实现的一个自定义Placeholder属性插件
Aug 11 #Javascript
javascript中解析四则运算表达式的算法和示例
Aug 11 #Javascript
javascript实现的平方米、亩、公顷单位换算小程序
Aug 11 #Javascript
jquery访问ashx文件示例代码
Aug 11 #Javascript
jQuery实现的一个tab切换效果内部还嵌有切换
Aug 10 #Javascript
JavaScript动态改变HTML页面元素例如添加或删除
Aug 10 #Javascript
You might like
我的论坛源代码(五)
2006/10/09 PHP
在Windows系统上安装PHP运行环境文字教程
2010/07/19 PHP
php之Memcache学习笔记
2013/06/17 PHP
PHP伪造来源HTTP_REFERER的方法实例详解
2015/07/06 PHP
Zend Studio使用技巧两则
2016/04/01 PHP
Yii2中如何使用modal弹窗(基本使用)
2016/05/30 PHP
PHP内置加密函数详解
2016/11/20 PHP
Javascript处理DOM元素事件实现代码
2012/05/23 Javascript
js获取html页面节点方法(递归方式)
2013/12/13 Javascript
Javascript 拖拽的一些简单的应用(逐行分析代码,让你轻松了拖拽的原理)
2015/01/23 Javascript
SpringMVC restful 注解之@RequestBody进行json与object转换
2015/12/10 Javascript
使用JavaScript为Kindeditor自定义按钮增加Audio标签
2016/03/18 Javascript
全面解析多种Bootstrap图片轮播效果
2016/05/27 Javascript
javaScript语法总结
2016/11/25 Javascript
浅谈js在html中的加载执行顺序,多个jquery ready执行顺序
2016/11/26 Javascript
vue-resourse将json数据输出实例
2017/03/08 Javascript
Vuejs入门教程之Vue生命周期,数据,手动挂载,指令,过滤器
2017/04/19 Javascript
jQuery封装placeholder效果实现方法,让低版本浏览器支持该效果
2017/07/08 jQuery
element-ui 设置菜单栏展开的方法
2018/08/22 Javascript
nodejs中用npm初始化来创建package.json的实例讲解
2018/10/10 NodeJs
解决layui laydate 时间控件一闪而过的问题
2019/09/28 Javascript
JavaScript的一些小技巧分享
2021/01/06 Javascript
详解Python里使用正则表达式的ASCII模式
2017/11/02 Python
详解python中的 is 操作符
2017/12/26 Python
Python3环境安装Scrapy爬虫框架过程及常见错误
2019/07/12 Python
Pytorch中的variable, tensor与numpy相互转化的方法
2019/10/10 Python
Python实现CNN的多通道输入实例
2020/01/17 Python
Python脚本调试工具安装过程
2021/01/11 Python
腾讯公司的一个sql题
2013/01/22 面试题
应届毕业生应聘自荐信范文
2014/02/26 职场文书
教师敬业奉献模范事迹材料
2014/05/18 职场文书
介绍信格式
2015/01/30 职场文书
同学聚会感言一句话
2015/07/30 职场文书
《角的初步认识》教学反思
2016/02/17 职场文书
Redis集群新增、删除节点以及动态增加内存的方法
2021/09/04 Redis
Redis中有序集合的内部实现方式的详细介绍
2022/03/16 Redis