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去除空格的几种方法
Oct 03 Javascript
总结AJAX相关JS代码片段和浏览器模型
Aug 15 Javascript
jQuery的写法不同导致的兼容性问题的解决方法
Jul 29 Javascript
jQuery中index()方法用法实例
Dec 27 Javascript
jQuery的$.extend 浅拷贝与深拷贝
Mar 08 Javascript
详解VUE 定义全局变量的几种实现方式
Jun 01 Javascript
vue.js父子组件通信动态绑定的实例
Sep 28 Javascript
浅谈在不使用ssr的情况下解决Vue单页面SEO问题(2)
Nov 08 Javascript
JS实现倒计时图文效果
Nov 17 Javascript
Javascript异步执行不按顺序解决方案
Apr 30 Javascript
基于element-ui对话框el-dialog初始化的校验问题解决
Sep 11 Javascript
浅谈JS的二进制家族
May 09 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
php二维数组用键名分组相加实例函数
2013/11/06 PHP
php rsa加密解密使用详解
2015/01/14 PHP
21个值得收藏的Javascript技巧
2014/02/04 Javascript
javascript使用正则获取url上的某个参数
2014/09/04 Javascript
node.js操作mongoDB数据库示例分享
2014/11/26 Javascript
快速学习jQuery插件 Form表单插件使用方法
2015/12/01 Javascript
jQuery子元素过滤选择器用法示例
2016/09/09 Javascript
EasyUI折叠表格层次显示detailview详解及实例
2016/12/28 Javascript
利用C/C++编写node.js原生模块的方法教程
2017/07/07 Javascript
深入研究React中setState源码
2017/11/17 Javascript
laydate日历控件使用方法详解
2017/11/20 Javascript
深入理解 webpack 文件打包机制(小结)
2018/01/08 Javascript
如何理解Vue的v-model指令的使用方法
2018/07/19 Javascript
详解如何构建一个Angular6的第三方npm包
2018/09/07 Javascript
vue.extend与vue.component的区别和联系
2018/09/19 Javascript
Node.JS用纯JavaScript生成图片或滑块式验证码功能
2019/09/12 Javascript
Vue组件间的通信pubsub-js实现步骤解析
2020/03/11 Javascript
Python多线程编程(四):使用Lock互斥锁
2015/04/05 Python
python文件操作之目录遍历实例分析
2015/05/20 Python
Python线性回归实战分析
2018/02/01 Python
PyQt5每天必学之单行文本框
2018/04/19 Python
Python使用sort和class实现的多级排序功能示例
2018/08/15 Python
python 用户交互输入input的4种用法详解
2019/09/24 Python
Python如何将装饰器定义为类
2020/07/30 Python
详解CSS3的opacity属性设置透明效果的用法
2016/05/09 HTML / CSS
简历中自我评价范文3则
2013/12/14 职场文书
大专会计自我鉴定
2014/02/06 职场文书
《陈毅探母》教学反思
2014/05/01 职场文书
教师节演讲稿
2014/05/06 职场文书
上班迟到检讨书
2014/09/15 职场文书
教师工作总结范文2014
2014/11/10 职场文书
基层党建工作简报
2015/07/21 职场文书
公司会议开幕词
2016/03/03 职场文书
导游词之山东红叶谷
2019/10/31 职场文书
给numpy.array增加维度的超简单方法
2021/06/02 Python
Vue Element-ui表单校验规则实现
2021/07/09 Vue.js