利用jquery操作Radio方法小结


Posted in Javascript onOctober 20, 2014

在开发中经常会用到Radio来实现用户的选择效果,我在项目中积累了一些利用JQUERY来操作Radio的方法,在这里分享一下,供有需要的朋友借鉴。

1、改变radio的选择,触发一些效果

$("input:radio[name='dialCheckResult']").change(function (){ //拨通

alert(“123”);

});

2、让页面中所有的radio可用。

$("input:radio").attr("disabled",false);

3、让页面中所有的radio不可用。

$("input:radio").attr("disabled","disabled");

4、让某个radio置于选中状态。

$("input:radio[name='dialCheckResult']").eq(0).attr("checked",true);

5、让页面中“未选中”状态的radio不可用。

$("input:radio:not([checked])").attr("disabled","disabled");

6、遍历选中状态的radio,除了某一个radio之外,其他的“选中”状态的radio设定是“未选中”状态。

$('input:radio:checked').each(function(i,val){

if(val.name != "dialCheckResult" ){

$("input:radio[name='"+val.name+"']:checked").attr('checked',false);

}

});

7、让所有“未选中”状态的radio不可用。

$("input:radio:not([checked])").attr("disabled","disabled");

8、获得某个选中的特定NAME的radio的值。

var dialCheckResult=$("input:radio[name='dialCheckResult']:checked").val() ;

9、让所有“选中”状态的radio置于“未选中”状态。

$('input:radio:checked').attr('checked',false);

10、让页面中的radio都置于“选中”状态或“未选中”状态。

$("input:radio").attr("checked",true);

$("input:radio").attr("checked",false);

Javascript 相关文章推荐
js修改table中Td的值(定义td的双击事件)
Jan 10 Javascript
终于解决了IE8不支持数组的indexOf方法
Apr 03 Javascript
JS 有趣的eval优化输入验证实例代码
Sep 22 Javascript
基于jQuery创建鼠标悬停效果的方法
Mar 07 Javascript
jQuery基于BootStrap样式实现无限极地区联动
Aug 26 Javascript
JavaScript排序算法动画演示效果的实现方法
Oct 18 Javascript
详解如何较好的使用js
Dec 16 Javascript
vue 2.0封装model组件的方法
Aug 03 Javascript
基于jQuery Ajax实现下拉框无刷新联动
Dec 06 jQuery
vuejs实现ready函数加载完之后执行某个函数的方法
Aug 31 Javascript
解读Vue组件注册方式
May 15 Vue.js
利用a标签自动解析URL分析网址实例
Oct 20 #Javascript
JavaScript严格模式禁用With语句的原因
Oct 20 #Javascript
jquery中页面Ajax方法$.load的功能使用介绍
Oct 20 #Javascript
JavaScript sup方法入门实例(把字符串显示为上标)
Oct 20 #Javascript
iframe里面的元素触发父窗口元素事件的jquery代码
Oct 19 #Javascript
js添加select下默认的option的value和text的方法
Oct 19 #Javascript
使用变量动态设置js的属性名
Oct 19 #Javascript
You might like
PHP动态变静态原理
2006/11/25 PHP
php获取qq用户昵称和在线状态(实例分析)
2013/10/27 PHP
php小技巧之过滤ascii控制字符
2014/05/14 PHP
php实现多城市切换特效
2015/08/09 PHP
php文件操作小结(删除指定文件/获取文件夹下的文件名/读取文件夹下图片名)
2016/05/09 PHP
Cookie 注入是怎样产生的
2009/04/08 Javascript
jquery tab标签页的制作
2010/05/10 Javascript
使用forever管理nodejs应用教程
2014/06/03 NodeJs
原生js实现日期联动
2015/01/12 Javascript
省市选择的简单实现(基于zepto.js)
2016/06/21 Javascript
在JavaScript中调用Java类和接口的方法
2016/09/07 Javascript
Nodejs下用submit提交表单提示cannot post错误的解决方法
2016/11/21 NodeJs
JS回调函数基本定义与用法实例分析
2017/05/24 Javascript
JavaScript文件的同步和异步加载的实现代码
2017/08/19 Javascript
浅谈小程序 setData学问多
2019/02/20 Javascript
js实现课堂随机点名系统
2019/11/21 Javascript
这样回答继承可能面试官更满意
2019/12/10 Javascript
微信小程序实用代码段(收藏版)
2019/12/17 Javascript
[57:36]DOTA2-DPC中国联赛 正赛 SAG vs CDEC BO3 第三场 2月1日
2021/03/11 DOTA
CentOS 7下安装Python 3.5并与Python2.7兼容并存详解
2017/07/07 Python
Python使用字典的嵌套功能详解
2019/02/27 Python
Python如何实现动态数组
2019/11/02 Python
Python3 全自动更新已安装的模块实现
2020/01/06 Python
给 TensorFlow 变量进行赋值的方式
2020/02/10 Python
HTML5表格_动力节点Java学院整理
2017/07/11 HTML / CSS
最好的商品表达自己:Cafepress
2019/09/04 全球购物
英国标志性生活方式品牌:Skinnydip London
2019/12/15 全球购物
英国发展最快的在线超市之一:Click Marketplace
2021/02/15 全球购物
应届护士推荐信
2013/11/16 职场文书
学习十八大精神心得体会
2013/12/31 职场文书
公司担保书格式范文
2014/05/12 职场文书
总经理助理岗位职责范本
2014/07/20 职场文书
原告代理词范文
2015/05/25 职场文书
导游词之长城八达岭
2019/09/24 职场文书
浅谈MySQL函数
2021/10/05 MySQL
Nginx性能优化之Gzip压缩设置详解(最大程度提高页面打开速度)
2022/02/12 Servers