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 相关文章推荐
js select常用操作控制代码
Mar 16 Javascript
基于jQuery的图片左右无缝滚动插件
May 23 Javascript
如何用JavaScript动态呼叫函数(两种方式)
May 03 Javascript
JavaScript使用addEventListener添加事件监听用法实例
Jun 01 Javascript
关于JS中的方法是否加括号的问题
Jul 27 Javascript
Vue.js上下滚动加载组件的实例代码
Jul 17 Javascript
jQuery实现可编辑表格并生成json结果(实例代码)
Jul 19 jQuery
微信小程序picker组件下拉框选择input输入框的实例
Sep 20 Javascript
原生实现一个react-redux的代码示例
Jun 08 Javascript
ES6数组与对象的解构赋值详解
Jun 14 Javascript
express框架下使用session的方法
Jul 31 Javascript
Vue+abp微信扫码登录的实现代码示例
Jan 06 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/06 新手入门
php读取富文本的时p标签会出现红线是怎么回事
2014/05/13 PHP
ThinkPHP整合datatables实现服务端分页的示例代码
2018/02/10 PHP
php实现大文件断点续传下载实例代码
2019/10/01 PHP
laravel与thinkphp之间的区别与优缺点
2021/03/02 PHP
用YUI做了个标签浏览效果
2007/02/20 Javascript
asp.net+jquery滚动滚动条加载数据的下拉控件
2010/06/25 Javascript
Extjs4中tree的拖拽功能(可以两棵树之间拖拽) 简单实例
2013/12/08 Javascript
jquery解析XML及获取XML节点名称的实现代码
2016/05/18 Javascript
JavaScript检测原始值、引用值、属性
2016/06/20 Javascript
原生js实现网易轮播图效果
2020/04/10 Javascript
微信小程序 数组中的push与concat的区别
2017/01/05 Javascript
webstorm添加vue.js支持的方法教程
2017/07/05 Javascript
VUE饿了么树形控件添加增删改功能的示例代码
2017/10/17 Javascript
vue路由传参的基本实现方式小结【三种方式】
2020/02/05 Javascript
vue过滤器实现日期格式化的案例分析
2020/07/02 Javascript
详解实现vue的数据响应式原理
2021/01/20 Vue.js
vue 计算属性和侦听器的使用小结
2021/01/25 Vue.js
python实现根据窗口标题调用窗口的方法
2015/03/13 Python
Windows下Python的Django框架环境部署及应用编写入门
2016/03/10 Python
Python 实现文件的全备份和差异备份详解
2016/12/27 Python
解决Python的str强转int时遇到的问题
2018/04/09 Python
python numpy和list查询其中某个数的个数及定位方法
2018/06/27 Python
python生成多个只含0,1元素的随机数组或列表的实例
2018/11/12 Python
Python 处理文件的几种方式
2019/08/23 Python
Python&&GDAL实现NDVI的计算方式
2020/01/09 Python
Python headers请求头如何实现快速添加
2020/11/03 Python
matplotlib更改窗口图标的方法示例
2021/02/03 Python
HTML5+CSS3应用详解
2014/02/24 HTML / CSS
应届生财务会计求职信
2013/11/05 职场文书
2014镇副书记群众路线专题民主生活会思想汇报
2014/09/23 职场文书
2015年维修电工工作总结
2015/04/25 职场文书
教师节班会主持词
2015/07/06 职场文书
学校教学管理制度
2015/08/06 职场文书
2016十一国庆节感言
2015/12/09 职场文书
详解vue中v-for的key唯一性
2021/05/15 Vue.js