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 相关文章推荐
firefox和IE系列的相关区别整理 以备后用
Dec 28 Javascript
原生JavaScript实现合并多个数组示例
Sep 21 Javascript
浅析AngularJS中的生命周期和延迟处理
Jun 18 Javascript
基于jQuery实现在线选座之高铁版
Aug 24 Javascript
jquery实现滑屏大图定时收缩为小banner图片的广告代码
Sep 02 Javascript
vue中的event bus非父子组件通信解析
Oct 27 Javascript
Thinkjs3新手入门之如何使用静态资源目录
Dec 06 Javascript
vue 动态修改a标签的样式的方法
Jan 18 Javascript
vue-baidu-map 进入页面自动定位的解决方案(推荐)
Apr 28 Javascript
Layui给数据表格动态添加一行并跳转到添加行所在页的方法
Aug 20 Javascript
微信小程序五子棋游戏AI实现方法【附demo源码下载】
Feb 20 Javascript
vue实现跨域的方法分析
May 21 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使用mkdir创建多级目录的方法
2015/12/22 PHP
[原创]php简单隔行变色功能实现代码
2016/07/09 PHP
PHP实现防盗链的方法分析
2017/07/25 PHP
详解PHP如何更好的利用PHPstorm的自动提示
2017/08/18 PHP
PHP通过curl获取接口URL的数据方法
2018/05/31 PHP
html数组字符串拼接的最快方法
2009/09/16 Javascript
跟着Jquery API学Jquery之一 选择器
2010/04/07 Javascript
JavaScript高级程序设计 阅读笔记(十二) js内置对象Math
2012/08/14 Javascript
JS链式调用的实现方法
2013/03/07 Javascript
js 获取和设置css3 属性值的实现方法
2013/05/06 Javascript
JavaScript焦点事件、鼠标事件和滚轮事件使用详解
2016/01/15 Javascript
详解JavaScript的另类写法
2016/04/11 Javascript
javascript使用 concat 方法对数组进行合并的方法
2016/09/08 Javascript
基于vue2实现左滑删除功能
2017/11/28 Javascript
微信小程序使用toast消息对话框提示用户忘记输入用户名或密码功能【附源码下载】
2017/12/09 Javascript
react中使用css的7中方式(最全总结)
2019/02/11 Javascript
vue setInterval 定时器失效的解决方式
2020/07/30 Javascript
记录一次websocket封装的过程
2020/11/23 Javascript
Python写的PHPMyAdmin暴力破解工具代码
2014/08/06 Python
Python自动连接ssh的方法
2015/03/07 Python
matplotlib绘图实例演示标记路径
2018/01/23 Python
pyQt5实时刷新界面的示例
2019/06/25 Python
使用Python函数进行模块化的实现
2019/11/15 Python
python GUI库图形界面开发之PyQt5信号与槽基本操作
2020/02/25 Python
python利用platform模块获取系统信息
2020/10/09 Python
CSS3教程(2):网页边框半径和网页圆角
2009/04/02 HTML / CSS
基于html5 canvas实现漫天飞雪效果实例
2014/09/10 HTML / CSS
CheapTickets泰国:廉价航班,查看促销价格并预订机票
2019/12/28 全球购物
通往英国高街的商店橱窗:Down Your High Street
2020/07/19 全球购物
教师个人的自我评价分享
2014/01/02 职场文书
社区活动总结报告
2014/05/05 职场文书
2014幼儿教师个人工作总结
2014/12/03 职场文书
小学班主任经验交流材料
2014/12/16 职场文书
学生党员检讨书范文
2014/12/27 职场文书
2015年七夕情人节感言
2015/08/03 职场文书
CSS3实现的文字弹出特效
2021/04/16 HTML / CSS