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 相关文章推荐
js宝典学习笔记(上)
Jan 10 Javascript
JS截取url中问号后面参数的值信息
Apr 29 Javascript
JavaScript获取鼠标移动时的坐标(兼容IE8、chome谷歌、Firefox)
Sep 13 Javascript
mac上配置Android环境变量的方法
Jul 08 Javascript
关于vue编译版本引入的问题的解决
Sep 17 Javascript
vue实现微信二次分享以及自定义分享的示例
Mar 20 Javascript
解决Layui数据表格的宽高问题
Sep 28 Javascript
vue项目实现图片上传功能
Dec 23 Javascript
JS Generator 函数的含义与用法实例总结
Apr 08 Javascript
javascript设计模式 ? 适配器模式原理与应用实例分析
Apr 13 Javascript
微信小程序12行js代码自己写个滑块功能(推荐)
Jul 15 Javascript
Vue3 响应式侦听与计算的实现
Nov 11 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
提升PHP执行速度全攻略(上)
2006/10/09 PHP
使用PHP实现下载CSS文件中的图片
2015/12/06 PHP
php实现在线通讯录功能(附源码)
2016/05/13 PHP
降低PHP Redis内存占用
2017/03/23 PHP
jQuery maxlength文本字数限制插件
2010/04/16 Javascript
javascript 学习笔记(八)javascript对象
2011/04/12 Javascript
JavaScript表达式:URL 协议介绍
2013/03/10 Javascript
非常好用的JsonToString 方法 简单实例
2013/07/18 Javascript
JS实现滑动菜单效果代码(包括Tab,选项卡,横向等效果)
2015/09/24 Javascript
jQuery Mobile弹出窗、弹出层知识汇总
2016/01/05 Javascript
JavaScript小技巧整理篇(非常全)
2016/01/26 Javascript
详解JavaScript中this关键字的用法
2016/05/26 Javascript
一个仿微博登陆邮箱提示框js开发案例
2016/07/28 Javascript
jQuery中的select操作详解
2016/11/29 Javascript
codeMirror插件使用讲解
2017/01/16 Javascript
js使用原型对象(prototype)需要注意的地方
2017/08/28 Javascript
微信小程序的tab选项卡的实现效果
2019/05/15 Javascript
vue实现输入一位数字转汉字功能
2019/12/13 Javascript
JS实现transform实现扇子效果
2020/01/17 Javascript
nginx部署多个vue项目的方法示例
2020/09/06 Javascript
[59:32]Liquid vs Fnatic 2019国际邀请赛淘汰赛败者组BO1 8.20.mp4
2020/07/19 DOTA
python执行外部程序的常用方法小结
2015/03/21 Python
python简单分割文件的方法
2015/07/30 Python
详解Python中的array数组模块相关使用
2016/07/05 Python
pytorch 模型可视化的例子
2019/08/17 Python
使用python执行shell脚本 并动态传参 及subprocess的使用详解
2020/03/06 Python
pytorch随机采样操作SubsetRandomSampler()
2020/07/07 Python
10款最佳Python开发工具推荐,每一款都是神器
2020/10/15 Python
h5使用canvas画布实现手势解锁
2019/01/04 HTML / CSS
Paul’s Boutique官网:英国时尚手袋品牌
2018/03/31 全球购物
比较基础的php面试题及答案-编程题
2012/10/14 面试题
综治维稳工作承诺书
2014/08/30 职场文书
作风大整顿心得体会
2014/09/10 职场文书
2016大学优秀学生干部事迹材料
2016/03/01 职场文书
浅谈Python类的单继承相关知识
2021/05/12 Python
Spring IOC容器Bean的作用域及生命周期实例
2022/05/30 Java/Android