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 动态添加标签(新增一行,其实很简单,就是几个函数的应用)
Mar 26 Javascript
Google (Local) Search API的简单使用介绍
Nov 28 Javascript
JavaScript中setFullYear()方法的使用详解
Jun 11 Javascript
浅谈jquery中delegate()与live()
Jun 22 Javascript
判断JS对象是否拥有某属性的方法推荐
May 12 Javascript
1秒50万字!js实现关键词匹配
Aug 01 Javascript
jQuery多个版本和其他js库冲突的解决方法
Aug 11 Javascript
Input文本框随着输入内容多少自动延伸的实现
Feb 15 Javascript
Angular实现响应式表单
Aug 04 Javascript
angular4模块中给标签添加背景图的实现方法
Sep 15 Javascript
Vue实战教程之仿肯德基宅急送App
Jul 19 Javascript
vue 框架下自定义滚动条(easyscroll)实现方法
Aug 29 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
用Json实现PHP与JavaScript间数据交换的方法详解
2013/06/20 PHP
使用Zttp简化Guzzle 调用
2017/07/02 PHP
PHP+JS实现的实时搜索提示功能
2018/03/13 PHP
yii2实现Ueditor百度编辑器的示例代码
2018/11/02 PHP
PHP面向对象程序设计继承用法简单示例
2018/12/28 PHP
调试php程序的简单步骤
2019/10/04 PHP
iframe自适应宽度、高度 ie6 7 8,firefox 3.86下测试通过
2010/07/29 Javascript
jQuery实现判断滚动条到底部
2015/06/23 Javascript
原生js与jQuery实现简单的tab切换特效对比
2015/07/30 Javascript
Angular实现form自动布局
2016/01/28 Javascript
深入理解jquery跨域请求方法
2016/05/18 Javascript
深入理解Javascript中的观察者模式
2017/02/20 Javascript
Webpack如何引入bootstrap的方法
2017/06/17 Javascript
使用vue-cli(vue脚手架)快速搭建项目的方法
2018/05/21 Javascript
JavaScript实现的前端AES加密解密功能【基于CryptoJS】
2018/08/28 Javascript
解决jQuery使用append添加的元素事件无效的问题
2018/08/30 jQuery
echarts实现词云自定义形状的示例代码
2019/02/20 Javascript
详解JS实现简单的时分秒倒计时代码
2019/04/25 Javascript
Layui事件监听的实现(表单和数据表格)
2019/10/17 Javascript
[01:07:11]Secret vs Newbee 2019国际邀请赛小组赛 BO2 第二场 8.15
2019/08/17 DOTA
Python工程师面试题 与Python Web相关
2016/01/14 Python
简单了解什么是神经网络
2017/12/23 Python
django反向解析URL和URL命名空间的方法
2018/06/05 Python
解决pandas使用read_csv()读取文件遇到的问题
2018/06/15 Python
python矩阵/字典实现最短路径算法
2019/01/17 Python
python画微信表情符的实例代码
2019/10/09 Python
业务主管岗位职责
2013/11/20 职场文书
应届毕业生自我鉴定范文
2013/12/27 职场文书
最新奶茶店创业计划书范文
2014/02/08 职场文书
国际贸易求职信
2014/07/05 职场文书
上班迟到检讨书
2015/05/06 职场文书
安娜卡列尼娜观后感
2015/06/11 职场文书
2016庆祝国庆67周年宣传语
2015/11/25 职场文书
三八红旗手先进事迹材料(2016推荐版)
2016/02/25 职场文书
员工安全责任协议书
2016/03/22 职场文书
聊聊mysql都有哪几种分区方式
2022/04/13 MySQL