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 相关文章推荐
Javascript 学习笔记 错误处理
Jul 30 Javascript
javascript 获取元素位置的快速方法 getBoundingClientRect()
Nov 26 Javascript
jquery 简单应用示例总结
Aug 09 Javascript
LABjs、RequireJS、SeaJS的区别
Mar 04 Javascript
可以浮动某个物体的jquery控件用法实例
Jul 24 Javascript
实例讲解使用原生JavaScript处理AJAX请求的方法
May 10 Javascript
Bootstrap基本插件学习笔记之按钮(21)
Dec 08 Javascript
mui框架移动开发初体验详解
Oct 11 Javascript
vue移动端路由切换实例分析
May 14 Javascript
jQuery实现获取选中复选框的值实例详解
Jun 28 jQuery
Vue 配合eiement动态路由,权限验证的方法
Sep 26 Javascript
压缩Vue.js打包后的体积方法总结(Vue.js打包后体积过大问题)
Feb 03 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
咖啡常见的种类
2021/03/03 新手入门
追求程序速度,而不是编程的速度
2008/04/23 PHP
深入PHP许愿墙模块功能分析
2013/06/25 PHP
PHP实现HTML页面静态化的方法
2015/11/04 PHP
Laravel 集成微信用户登录和绑定的实现
2019/12/27 PHP
html下载本地
2006/06/19 Javascript
js 函数调用模式小结
2011/12/26 Javascript
Javascript中的String对象详谈
2014/03/03 Javascript
浅谈jQuery中的事件
2015/03/23 Javascript
jquery插件qrcode在线生成二维码
2015/04/26 Javascript
AngularJS1.X学习笔记2-数据绑定详解
2017/04/01 Javascript
Angular中实现树形结构视图实例代码
2017/05/05 Javascript
VueCli4项目配置反向代理proxy的方法步骤
2020/05/17 Javascript
jQuery中getJSON跨域原理的深入讲解
2020/09/02 jQuery
python共享引用(多个变量引用)示例代码
2013/12/04 Python
Python编程入门的一些基本知识
2015/05/13 Python
Python 的描述符 descriptor详解
2016/02/27 Python
Python的装饰器使用详解
2017/06/26 Python
Python中getpass模块无回显输入源码解析
2018/01/11 Python
详解django自定义中间件处理
2018/11/21 Python
Python面向对象之Web静态服务器
2019/09/03 Python
python 命名规范知识点汇总
2020/02/14 Python
关于jupyter打开之后不能直接跳转到浏览器的解决方式
2020/04/13 Python
python numpy实现rolling滚动案例
2020/06/08 Python
css3 flex布局 justify-content:space-between 最后一行左对齐
2020/01/02 HTML / CSS
解决Firefox下不支持outerHTML问题代码分享
2014/06/04 HTML / CSS
Cotton On南非:澳洲时尚平价品牌
2018/06/28 全球购物
英国健康和美容技术产品购物网站:CurrentBody
2019/07/17 全球购物
介绍一下内联、左联、右联
2013/12/31 面试题
Order by的几种用法
2013/06/16 面试题
师范学院教师自荐书
2014/01/31 职场文书
群众路线剖析材料(四风问题)
2014/10/08 职场文书
工厂见习报告范文
2014/10/31 职场文书
先进员工事迹材料
2014/12/20 职场文书
2015年员工工作表现评语
2015/03/25 职场文书
MySQL 存储过程的优缺点分析
2021/05/20 MySQL