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 相关文章推荐
动态调用css文件——jquery的应用
Feb 20 Javascript
javascript编程起步(第二课)
Feb 27 Javascript
全面解析bootstrap格子布局
May 22 Javascript
javascript作用域、作用域链(菜鸟必看)
Jun 16 Javascript
Vuejs第十二篇之动态组件全面解析
Sep 09 Javascript
input file上传 图片预览功能实例代码
Oct 25 Javascript
JavaScript自定义文本框光标
Mar 05 Javascript
基于JavaScript实现五子棋游戏
Aug 26 Javascript
layui 给数据表格加序号的方法
Aug 20 Javascript
JavaScript常见事件对象与操作实例总结
Jan 05 Javascript
微信小程序实现页面浮动导航
Jan 28 Javascript
vue-treeselect的基本用法以及解决点击无法出现拉下菜单
Apr 30 Vue.js
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之数组(遍历顺序)  Laruence原创
2012/06/13 PHP
PHP实现将多个文件压缩成zip格式并下载到本地的方法示例
2018/05/23 PHP
ie6下png图片背景不透明的解决办法使用js实现
2013/01/11 Javascript
jquery控制左右箭头滚动图片列表的实例
2013/05/20 Javascript
点击按钮或链接不跳转只刷新页面的脚本整理
2013/10/22 Javascript
js限制input标签中只能输入中文
2015/06/26 Javascript
jquery实现带缩略图的可定制高度画廊效果(5种)
2015/08/28 Javascript
BOM之navigator对象和用户代理检测
2017/02/10 Javascript
微信小程序 image组件binderror使用例子与js中的onerror区别
2017/02/15 Javascript
微信小程序 新建登录页并实现tabBar隐藏
2017/06/13 Javascript
解决vue-cli中stylus无法使用的问题方法
2017/06/19 Javascript
vue绑定的点击事件阻止冒泡的实例
2018/02/08 Javascript
如何用原生js写一个弹窗消息提醒插件
2019/05/24 Javascript
vue+elementUI 复杂表单的验证、数据提交方案问题
2019/06/24 Javascript
layui实现下拉复选功能的例子(包括数据的回显与上传)
2019/09/24 Javascript
[01:32:10]NAVI vs VG Supermajor 败者组 BO3 第一场 6.5
2018/06/06 DOTA
详解在Python程序中解析并修改XML内容的方法
2015/11/16 Python
python操作字典类型的常用方法(推荐)
2016/05/16 Python
关于python的list相关知识(推荐)
2017/08/30 Python
Python3实现发送QQ邮件功能(html)
2017/12/15 Python
python统计中文字符数量的两种方法
2019/01/31 Python
Python3列表内置方法大全及示例代码小结
2019/05/10 Python
Python基于pyecharts实现关联图绘制
2020/03/27 Python
Python json转字典字符方法实例解析
2020/04/13 Python
python的pip有什么用
2020/06/17 Python
Pytest单元测试框架如何实现参数化
2020/09/05 Python
Python+kivy BoxLayout布局示例代码详解
2020/12/28 Python
新西兰Bookabach:查找全球度假屋
2020/12/03 全球购物
教育科研先进个人材料
2014/01/26 职场文书
环保倡议书50字
2014/05/15 职场文书
反腐倡廉警示教育活动心得体会
2014/09/04 职场文书
委托证明模板
2014/09/16 职场文书
2019年让高校“心动”的自荐信
2019/03/25 职场文书
python 制作一个gui界面的翻译工具
2021/05/14 Python
vue使用Google Recaptcha验证的实现示例
2021/08/23 Vue.js
vue使用element-ui按需引入
2022/05/20 Vue.js