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 相关文章推荐
dwr spring的集成实现代码
Mar 22 Javascript
JS中判断JSON数据是否存在某字段的方法
Mar 07 Javascript
JavaScript中的getMilliseconds()方法使用详解
Jun 10 Javascript
使用AngularJS中的SCE来防止XSS攻击的方法
Jun 18 Javascript
js+CSS实现模拟华丽的select控件下拉菜单效果
Sep 01 Javascript
js中获取jsp表单中radio类型的值简单实例
Aug 15 Javascript
vue-devtools的安装步骤
Apr 23 Javascript
vue富文本编辑器组件vue-quill-edit使用教程
Sep 21 Javascript
深入理解es6块级作用域的使用
Mar 28 Javascript
判断文字超过2行添加展开按钮,未超过则不显示,溢出部分显示省略号
Apr 28 Javascript
javascript实现函数柯里化与反柯里化过程解析
Oct 08 Javascript
详解vue-flickity的fullScreen功能实现
Apr 07 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+.htaccess实现全站静态HTML文件GZIP压缩传输(一)
2007/02/15 PHP
php桌面中心(二) 数据库写入
2007/03/11 PHP
用PHP实现的生成静态HTML速度快类库
2007/03/31 PHP
thinkphp3.0 模板中函数的使用
2012/11/13 PHP
typecho插件编写教程(三):保存配置
2015/05/28 PHP
PHP静态延迟绑定和普通静态效率的对比
2017/10/20 PHP
javascript jq 弹出层实例
2013/08/25 Javascript
js 赋值包含单引号双引号问题的解决方法
2014/02/26 Javascript
js如何实现淡入淡出效果
2020/11/18 Javascript
深入理解(function(){... })();
2016/08/16 Javascript
jQuery基于排序功能实现上移、下移的方法
2016/11/26 Javascript
AngularJS过滤器filter用法分析
2016/12/11 Javascript
理解javascript中的闭包
2017/01/11 Javascript
详解ECMAScript6入门--Class对象
2017/04/27 Javascript
JavaScript监听手机物理返回键的两种解决方法
2017/08/14 Javascript
如何理解Vue的.sync修饰符的使用
2017/08/17 Javascript
浅谈mint-ui 填坑之路
2017/11/06 Javascript
解决Vue 浏览器后退无法触发beforeRouteLeave的问题
2017/12/24 Javascript
微信小程序 SOTER 生物认证DEMO 指纹识别功能
2019/12/13 Javascript
JavaScript获取当前url路径过程解析
2019/12/27 Javascript
详细解读Python中的__init__()方法
2015/05/02 Python
Django使用Jinja2模板引擎的示例代码
2019/08/09 Python
Python3 xml.etree.ElementTree支持的XPath语法详解
2020/03/06 Python
Python如何实现邮件功能
2020/05/27 Python
浅谈多卡服务器下隐藏部分 GPU 和 TensorFlow 的显存使用设置
2020/06/30 Python
Python QT组件库qtwidgets的使用
2020/11/02 Python
Python通过Schema实现数据验证方式
2020/11/12 Python
Appium+Python实现简单的自动化登录测试的实现
2021/01/26 Python
美国知名玩具品牌:Melissa & Doug
2016/08/16 全球购物
Big Green Smile德国网上商店:提供各种天然产品
2018/05/23 全球购物
Emma Bridgewater官网:英国餐具制造商
2019/11/24 全球购物
银行介绍信范文
2014/01/10 职场文书
大学信息公开实施方案
2014/03/09 职场文书
食品工程专业求职信
2014/06/15 职场文书
乡镇干部个人对照检查材料(群众路线)
2014/09/26 职场文书
培训感想范文
2015/08/07 职场文书