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 相关文章推荐
JQuery中html()方法使用不当带来的陷阱
Apr 07 Javascript
基于jquery的lazy loader插件实现图片的延迟加载[简单使用]
May 07 Javascript
JS中完美兼容各大浏览器的scrolltop方法
Apr 17 Javascript
jQuery插件扩展测试实例
Jun 21 Javascript
巧用jQuery选择器提高写表单效率的方法
Aug 19 Javascript
socket.io与pm2(cluster)集群搭配的解决方案
Jun 02 Javascript
C#实现将一个字符转换为整数
Dec 12 Javascript
深入浅析JS中的严格模式
Jun 04 Javascript
详解vue-router的Import异步加载模块问题的解决方案
May 13 Javascript
javascript递归函数定义和用法示例分析
Jul 22 Javascript
vue实现tab栏点击高亮效果
Aug 19 Javascript
json.stringify()与json.parse()的区别以及用处
Jan 25 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添加xml文档内容的方法
2015/01/23 PHP
PHP微信开发之微信消息自动回复下所遇到的坑
2016/05/09 PHP
PHP实现倒计时功能
2020/11/16 PHP
如何用javascript控制上传文件的大小
2006/10/26 Javascript
javascript 学习之旅 (2)
2009/02/05 Javascript
Iframe 自适应高度并实时监控高度变化的js代码
2009/10/30 Javascript
JavaScript 设计模式之组合模式解析
2010/04/09 Javascript
jquery表格内容筛选实现思路及代码
2013/04/16 Javascript
基于jquery实现发送文章到手机的代码
2014/12/26 Javascript
SWFObject基本用法实例分析
2015/07/20 Javascript
基于jQuery Tipso插件实现消息提示框特效
2016/03/16 Javascript
JS Testing Properties 判断属性是否在对象里的方法
2017/10/01 Javascript
JS Input里添加小图标的两种方法
2017/11/11 Javascript
vue2.0中set添加属性后视图不能更新的解决办法
2019/02/22 Javascript
[01:28:44]DOTA2-DPC中国联赛定级赛 RNG vs iG BO3第一场 1月10日
2021/03/11 DOTA
Python使用urllib2获取网络资源实例讲解
2013/12/02 Python
Python中实现结构相似的函数调用方法
2015/03/10 Python
python数据抓取分析的示例代码(python + mongodb)
2017/12/25 Python
python按照多个条件排序的方法
2019/02/08 Python
Pycharm保存不能自动同步到远程服务器的解决方法
2019/06/27 Python
python如何实现代码检查
2019/06/28 Python
python适合人工智能的理由和优势
2019/06/28 Python
django将网络中的图片,保存成model中的ImageField的实例
2019/08/07 Python
对Pytorch中Tensor的各种池化操作解析
2020/01/03 Python
Python批量启动多线程代码实例
2020/02/18 Python
详解Python yaml模块
2020/09/23 Python
python 下载m3u8视频的示例代码
2020/11/11 Python
python 制作简单的音乐播放器
2020/11/25 Python
皇家阿尔伯特英国官方商店:Royal Albert骨瓷
2019/03/25 全球购物
汽车检测与维修个人求职信
2013/09/24 职场文书
学雷锋志愿服务月活动总结
2014/03/09 职场文书
教师考察材料范文
2014/06/03 职场文书
心术观后感
2015/06/11 职场文书
文化苦旅读书笔记
2015/06/29 职场文书
幼儿园语言教学反思
2016/02/23 职场文书
win10截图快捷键win+shift+s没有反应无法截图怎么解决?
2022/08/14 数码科技