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 相关文章推荐
javascript开发随笔一 preventDefault的必要
Nov 25 Javascript
javascript 正则表达式相关应介绍
Nov 27 Javascript
javascript利用控件对windows的操作实现原理与应用
Dec 23 Javascript
JS 获取select(多选下拉)中所选值的示例代码
Aug 02 Javascript
图片上传判断及预览脚本的效果实例
Aug 07 Javascript
jQuery+css3实现Ajax点击后动态删除功能的方法
Aug 10 Javascript
AngularJS控制器继承自另一控制器
May 09 Javascript
jquery计算出left和top,让一个div水平垂直居中的简单实例
Jul 13 Javascript
Node.js使用orm2进行update操作时关联字段无法修改的解决方法
Jun 13 Javascript
vue与bootstrap实现时间选择器的示例代码
Aug 26 Javascript
JavaScript如何借用构造函数继承
Nov 06 Javascript
Vue项目如何引入bootstrap、elementUI、echarts
Nov 26 Vue.js
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
php session_start()关于Cannot send session cache limiter - headers already sent错误解决方法
2009/11/27 PHP
Laravel5.1数据库连接、创建数据库、创建model及创建控制器的方法
2016/03/29 PHP
php版微信发红包接口用法示例
2016/09/23 PHP
PHP判断json格式是否正确的实现代码
2017/09/20 PHP
laravel-admin 后台表格筛选设置默认的查询日期方法
2019/10/03 PHP
js操作ajax返回的json的注意问题!
2010/02/23 Javascript
Tinymce+jQuery.Validation使用产生的BUG
2010/03/29 Javascript
JavaScript高级程序设计(第3版)学习笔记8 js函数(中)
2012/10/11 Javascript
关于innerHTML后丢失动态绑定的EVENT问题解决方法
2013/05/19 Javascript
使用JS 清空File控件的路径值
2013/07/08 Javascript
Mac/Windows下如何安装Node.js
2013/11/22 Javascript
JS中自定义定时器让它在某一时刻执行
2014/09/02 Javascript
2014年最火的Node.JS后端框架推荐
2014/10/27 Javascript
jquery实现Ctrl+Enter提交表单的方法
2015/07/21 Javascript
js实现带有介绍的Select列表菜单实例
2015/08/18 Javascript
全面解析Bootstrap布局组件应用
2016/02/22 Javascript
纯js代码制作的网页时钟特效【附实例】
2016/03/30 Javascript
jQuery中$.ajax()方法参数解析
2016/10/22 Javascript
Vue.js中extend选项和delimiters选项的比较
2017/07/17 Javascript
浅谈Vue SSR 的 Cookies 问题
2017/11/20 Javascript
Pycharm编辑器技巧之自动导入模块详解
2017/07/18 Python
利用python解决mysql视图导入导出依赖的问题
2017/12/17 Python
python实现类之间的方法互相调用
2018/04/29 Python
使用Python实现从各个子文件夹中复制指定文件的方法
2018/10/25 Python
简单了解python关系(比较)运算符
2019/07/08 Python
简单了解Django ORM常用字段类型及参数配置
2020/01/07 Python
pandas创建DataFrame的7种方法小结
2020/06/14 Python
python中time、datetime模块的使用
2020/12/14 Python
HTML5的结构和语义(5):交互
2008/10/17 HTML / CSS
Laura Mercier官网:彩妆大师罗拉玛斯亚的化妆品牌
2018/01/04 全球购物
慰问敬老院活动总结
2014/04/26 职场文书
老干部工作先进集体事迹材料
2014/05/21 职场文书
质量月活动总结
2014/08/26 职场文书
保证金退回承诺函格式
2015/01/21 职场文书
2015年超市员工工作总结
2015/05/04 职场文书
MySQL 表锁定 LOCK和UNLOCK TABLES的 SQL语法
2022/04/18 MySQL