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 相关文章推荐
Javascript 两个窗体之间传值实现代码
Sep 25 Javascript
js onmousewheel事件多次触发问题解决方法
Oct 17 Javascript
js使用DOM设置单选按钮、复选框及下拉菜单的方法
Jan 20 Javascript
JavaScript实现ASC转汉字及汉字转ASC的方法
Jan 23 Javascript
JS使用cookie设置样式的方法
Jun 30 Javascript
谈谈JavaScript的New关键字
Aug 26 Javascript
Angular ElementRef简介及其使用
Oct 01 Javascript
微信小程序实现两边小中间大的轮播效果的示例代码
Dec 07 Javascript
vue实现的树形结构加多选框示例
Feb 02 Javascript
layer弹出层扩展主题的方法
Sep 11 Javascript
详解Nuxt内导航栏的两种实现方式
Apr 16 Javascript
threejs太阳光与阴影效果实例代码
Apr 05 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发送邮件类代码附详细说明
2008/07/10 PHP
destoon实现公司新闻详细页添加评论功能的方法
2014/07/15 PHP
PHP中preg_match正则匹配中的/u、/i、/s含义
2015/04/17 PHP
jquery ui 1.7 ui.tabs 动态添加与关闭(按钮关闭+双击关闭)
2010/04/01 Javascript
Javascript延迟执行实现方法(setTimeout)
2010/12/30 Javascript
js创建子窗口并且回传值示例代码
2013/07/02 Javascript
浅析JavaScript中两种类型的全局对象/函数
2013/12/05 Javascript
jQuery实现异步获取json数据的2种方式
2014/08/29 Javascript
jQuery获取checkboxlist的value值的方法
2015/09/27 Javascript
jQuery解决input元素的blur事件和其他非表单元素的click事件冲突问题
2016/08/15 Javascript
微信小程序 网络请求(GET请求)详解
2016/11/16 Javascript
浅析Ajax语法
2016/12/05 Javascript
jquery实现表单获取短信验证码代码
2017/03/13 Javascript
React中ES5与ES6写法的区别总结
2017/04/21 Javascript
微信小程序仿朋友圈发布动态功能
2018/07/15 Javascript
vue中的计算属性实例详解
2018/09/19 Javascript
node.js中module模块的功能理解与用法实例分析
2020/02/14 Javascript
vue+高德地图实现地图搜索及点击定位操作
2020/09/09 Javascript
微信小程序实现modal弹出框遮罩层组件(可带文本框)
2020/12/20 Javascript
Python快速从注释生成文档的方法
2016/12/26 Python
浅谈python中的正则表达式(re模块)
2017/10/17 Python
python编程使用selenium模拟登陆淘宝实例代码
2018/01/25 Python
浅谈pandas中Dataframe的查询方法([], loc, iloc, at, iat, ix)
2018/04/10 Python
PyQt5 对图片进行缩放的实例
2019/06/18 Python
python中前缀运算符 *和 **的用法示例详解
2020/05/28 Python
Python如何将模块打包并发布
2020/08/30 Python
css3实现顶部社会化分享按钮示例
2014/05/06 HTML / CSS
英国独特礼物想法和个性化礼物网站:notonthehighstreet.com
2018/04/16 全球购物
美国主要的特色咖啡和茶公司:Peet’s Coffee
2020/02/14 全球购物
医院护士求职自荐信格式
2013/09/21 职场文书
个人作风建设心得体会
2014/10/22 职场文书
八年级英语教学计划
2015/01/23 职场文书
JavaScript中关于预编译、作用域链和闭包的理解
2021/03/31 Javascript
uniapp开发小程序的经验总结
2021/04/08 Javascript
为了顺利买到演唱会的票用Python制作了自动抢票的脚本
2021/10/16 Python
如何利用python实现列表嵌套字典取值
2022/06/10 Python