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系统错误:-1072896658的解决办法
Jul 08 Javascript
关于extjs4如何获取grid修改后的数据的问题
Aug 07 Javascript
jQuery实现简洁的导航菜单效果
Nov 23 Javascript
jQuery防止重复绑定事件的解决方法
May 14 Javascript
js+css3实现旋转效果
Jan 20 Javascript
jQuery获取Table某列的值(推荐)
Mar 03 Javascript
BootStrap表单宽度设置方法
Mar 10 Javascript
Angular 5.0 来了! 有这些大变化
Nov 15 Javascript
解决vue 格式化银行卡(信用卡)每4位一个符号隔断的问题
Sep 14 Javascript
解决layUI的页面显示不全的问题
Sep 20 Javascript
Electron实现应用打包、自动升级过程解析
Jul 07 Javascript
axios解决高并发的方法:axios.all()与axios.spread()的操作
Nov 09 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
libmysql.dll与php.ini是否真的要拷贝到c:\windows目录下呢
2010/03/15 PHP
PHP获取MySql新增记录ID值的3种方法
2014/06/24 PHP
node.js 一个简单的页面输出实现代码
2012/03/07 Javascript
获得所有表单值的JQuery实现代码[IE暂不支持]
2012/05/24 Javascript
javascript模拟select,jselect的方法实现
2012/11/08 Javascript
js中判断用户输入的值是否为空的简单实例
2013/12/23 Javascript
iframe调用父页面函数示例详解
2014/07/17 Javascript
关于JavaScript作用域你想知道的一切
2016/02/04 Javascript
JS组件Bootstrap导航条使用方法详解
2016/04/29 Javascript
老生常谈 关于JavaScript的类的继承
2016/06/24 Javascript
javascript使用闭包模拟对象的私有属性和方法
2016/10/05 Javascript
原生js实现新闻列表展开/收起全文功能
2017/01/20 Javascript
详解Vue中状态管理Vuex
2017/05/11 Javascript
JS写谷歌浏览器chrome的外挂实例
2018/01/11 Javascript
angular的输入和输出的使用方法
2018/09/22 Javascript
详解NodeJS Https HSM双向认证实现
2019/03/12 NodeJs
如何进行微信公众号开发的本地调试的方法
2019/06/16 Javascript
Vue Element校验validate的实例
2020/09/21 Javascript
Nuxt pages下不同的页面对应layout下的页面布局操作
2020/11/05 Javascript
JS指定音频audio在某个时间点进行播放
2020/11/28 Javascript
利用JS判断元素是否为数组的方法示例
2021/01/08 Javascript
[01:04:30]Fnatic vs Mineski 2018国际邀请赛小组赛BO2 第二场 8.17
2018/08/18 DOTA
Django集成百度富文本编辑器uEditor攻略
2014/07/04 Python
Python3 正在毁灭 Python的原因分析
2014/11/28 Python
Python中用于转换字母为小写的lower()方法使用简介
2015/05/19 Python
Python 的描述符 descriptor详解
2016/02/27 Python
python如何在列表、字典中筛选数据
2018/03/19 Python
python字符串与url编码的转换实例
2018/05/10 Python
Python基于opencv调用摄像头获取个人图片的实现方法
2019/02/21 Python
pytorch 自定义参数不更新方式
2020/01/06 Python
微信小程序canvas实现水平、垂直居中效果
2020/02/05 HTML / CSS
应届毕业生求职信范文
2014/05/08 职场文书
法定代表人免职证明
2015/06/24 职场文书
Linux系统下安装PHP7.3版本
2021/06/26 PHP
怎么禁用Windows 11快照布局? win11不使用快照布局的技巧
2021/11/21 数码科技
macos系统如何实现微信双开? mac登录两个微信以上微信的技巧
2022/07/23 数码科技