jQuery获取Radio,CheckBox选择的Value值(示例代码)


Posted in Javascript onDecember 12, 2013

$("input[name='radio_name'][checked]").val(); //选择被选中Radio的Value值
$("#text_id").focus(function(){//code...}); //事件 当对象text_id获取焦点时触发
$("#text_id").blur(function(){//code...}); //事件 当对象text_id失去焦点时触发
$("#text_id").select(); //使文本框的Vlaue值成选中状态
$("input[name='radio_name'][value='要选中Radio的Value值'").
attr("checked",true); //根据Value值设置Radio为选中状态

jQuery获取CheckBox选择的Value值

$("input[name='checkbox_name'][checked]"); //选择被选中CheckBox元素的集合 如果你想得到Value值你需要遍历这个集合
$($("input[name='checkbox_name'][checked]")).
each(function(){arrChk+=this.value +',';});//遍历被选中CheckBox元素的集合 得到Value值
$("#checkbox_id").attr("checked"); //获取一个CheckBox的状态(有没有被选中,返回true/false)
$("#checkbox_id").attr("checked",true); //设置一个CheckBox的状态为选中(checked=true)
$("#checkbox_id").attr("checked",false); //设置一个CheckBox的状态为不选中(checked=false)
$("input[name='checkbox_name']").attr
("checked",$("#checkbox_id").attr("checked"));//根据3,4,5条,你可以分析分析这句代码的意思
$("#text_id").val().split(","); //将Text的Value值以','分隔 返回一个数组

Javascript 相关文章推荐
通过jquery的$.getJSON做一个跨域ajax请求试验
May 03 Javascript
jQuery控制元素显示、隐藏、切换、滑动的方法总结
Apr 16 Javascript
配置Grunt的Task时通配符支持和动态生成文件名问题
Sep 06 Javascript
javascript时间差插件分享
Jul 18 Javascript
对于input 框限定输入值为浮点型的js代码
Sep 25 Javascript
如何从零开始利用js手写一个Promise库详解
Apr 19 Javascript
vue 监听屏幕高度的实例
Sep 05 Javascript
详解三种方式解决vue中v-html元素中标签样式
Nov 22 Javascript
浅析vue插槽和作用域插槽的理解
Apr 22 Javascript
Vue项目从webpack3.x升级webpack4不完全指南
Apr 28 Javascript
vue动态配置模板 'component is'代码
Jul 04 Javascript
解决LayUI加上form.render()下拉框和单选以及复选框不出来的问题
Sep 27 Javascript
Jquery 改变radio/checkbox选中状态,获取选中的值(示例代码)
Dec 12 #Javascript
JavaScript判断访问的来源是手机还是电脑,用的哪种浏览器
Dec 12 #Javascript
js中typeof的用法汇总
Dec 12 #Javascript
使用js判断数组中是否包含某一元素(类似于php中的in_array())
Dec 12 #Javascript
解析页面加载与js函数的执行 onload or ready
Dec 12 #Javascript
js实现弹窗插件功能实例代码分享
Dec 12 #Javascript
深入理解JQuery keyUp和keyDown的区别
Dec 12 #Javascript
You might like
一条久听不愿放下的DIY森海MX500,三言两语话神奇
2021/03/02 无线电
php基础知识:类与对象(4) 范围解析操作符(::)
2006/12/13 PHP
zend api扩展的php对象的autoload工具
2011/04/18 PHP
基于在生产环境中使用php性能测试工具xhprof的详解
2013/06/03 PHP
destoon安装出现Internal Server Error的解决方法
2014/06/21 PHP
PHP+Mysql基于事务处理实现转账功能的方法
2015/07/08 PHP
PHP实现登录验证码校验功能
2018/05/17 PHP
gearman管理工具GearmanManager的安装与php使用方法示例
2020/02/27 PHP
BootStrap 轮播插件(carousel)支持左右手势滑动的方法(三种)
2016/07/07 Javascript
浅谈toLowerCase和toLocaleLowerCase的区别
2016/08/15 Javascript
Angular4学习笔记之实现绑定和分包
2017/08/01 Javascript
vue通过点击事件读取音频文件的方法
2018/05/30 Javascript
Angular项目如何升级至Angular6步骤全纪录
2018/09/03 Javascript
JS实现二维数组元素的排列组合运算简单示例
2019/01/28 Javascript
灵活使用console让js调试更简单的方法步骤
2019/04/23 Javascript
javascript实现自由编辑图片代码详解
2019/06/21 Javascript
layer iframe 设置关闭按钮的方法
2019/09/12 Javascript
jquery实现直播弹幕效果
2019/11/28 jQuery
Vue组件简易模拟实现购物车
2020/12/21 Vue.js
[06:20]2015国际邀请赛第三日top10
2015/08/08 DOTA
Python的ORM框架SQLAlchemy入门教程
2014/04/28 Python
Python中type的构造函数参数含义说明
2015/06/21 Python
使用Python写一个贪吃蛇游戏实例代码
2017/08/21 Python
Python切片操作深入详解
2018/07/27 Python
python中正则表达式 re.findall 用法
2018/10/23 Python
关于python下cv.waitKey无响应的原因及解决方法
2019/01/10 Python
pyqt5 tablewidget 利用线程动态刷新数据的方法
2019/06/17 Python
利用Vscode进行Python开发环境配置的步骤
2020/06/22 Python
理肤泉美国官网:La Roche-Posay
2018/01/17 全球购物
全球领先的美容用品专卖店:Beauty Plus Salon
2018/09/04 全球购物
美国瑜伽服装和装备购物网站:Mukha Yoga
2019/02/22 全球购物
Bose美国官网:购买Bose耳机和音箱
2019/03/10 全球购物
经典促销广告词大全
2014/03/19 职场文书
管理提升方案
2014/06/04 职场文书
大二学年个人总结
2015/03/03 职场文书
详解Mysql和Oracle之间的误区
2021/05/18 MySQL