利用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 相关文章推荐
JQuery Ajax 跨域访问的解决方案
Mar 12 Javascript
javascript+xml实现简单图片轮换(只支持IE)
Dec 23 Javascript
html+js实现动态显示本地时间
Sep 21 Javascript
使用delegate方法为一个tr标签加一个链接
Jun 27 Javascript
javascript数组去重的方法汇总
Apr 14 Javascript
jQuery事件绑定与解除绑定实现方法
Apr 15 Javascript
jQuery实现带玻璃流光质感的手风琴特效
Nov 20 Javascript
实现点击下箭头变上箭头来回切换的两种方法【推荐】
Dec 14 Javascript
jQuery简单实现向列表动态添加新元素的方法示例
Dec 25 jQuery
vue axios请求超时的正确处理方法
Apr 02 Javascript
详解vue中点击空白处隐藏div的实现(用指令实现)
Apr 19 Javascript
JavaScript 绘制饼图的示例
Feb 19 Javascript
利用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身份证号码检查类实例
2015/06/18 PHP
WordPress中查询文章的循环Loop结构及用法分析
2015/12/17 PHP
php $_SESSION会员登录实例分享
2021/01/19 PHP
PHP中递归的实现实例详解
2017/11/14 PHP
小程序微信退款功能实现方法详解【基于thinkPHP】
2019/05/05 PHP
jquery tab标签页的制作
2010/05/10 Javascript
javascript 判断中文字符长度的函数代码
2012/08/27 Javascript
载入jQuery库的最佳方法详细说明及实现代码
2012/12/28 Javascript
js拦截alert对话框另类应用
2013/01/16 Javascript
jquery ajax实现下拉框三级无刷新联动,且保存保持选中值状态
2013/10/29 Javascript
JQuery实现当鼠标停留在某区域3秒后自动执行
2014/09/09 Javascript
JavaScript中数组继承的简单示例
2015/07/29 Javascript
jQuery解析Json实例详解
2015/11/24 Javascript
jQuery mobile转换url地址及获取url中目录部分的方法
2015/12/04 Javascript
JQuery 传送中文乱码问题的简单解决办法
2016/05/24 Javascript
JQuery组件基于Bootstrap的DropDownList(完整版)
2016/07/05 Javascript
js简单实现图片延迟加载的方法
2016/07/19 Javascript
JavaScript简单获取系统当前时间完整示例
2016/08/02 Javascript
js中数组的常用方法小结
2016/12/30 Javascript
详解小程序原生使用ES7 async/await语法
2018/08/06 Javascript
JavaScript 链表定义与使用方法示例
2020/04/28 Javascript
[14:57]DOTA2 HEROS教学视频教你分分钟做大人-幽鬼
2014/06/13 DOTA
python实现中文输出的两种方法
2015/05/09 Python
浅谈Python单向链表的实现
2015/12/24 Python
Python从零开始创建区块链
2018/03/06 Python
python中aioysql(异步操作MySQL)的方法
2019/04/11 Python
Python判断对象是否为文件对象(file object)的三种方法示例
2019/04/26 Python
int在python中的含义以及用法
2019/06/27 Python
对Pytorch中nn.ModuleList 和 nn.Sequential详解
2019/08/18 Python
马来西亚网上购物平台:ezbuy
2018/02/13 全球购物
来自南加州灵感的工作和娱乐服装:TravisMathew
2019/05/01 全球购物
购买正版游戏和游戏激活码:Green Man Gaming
2019/11/06 全球购物
个人对照检查材料
2014/02/12 职场文书
先进教育工作者事迹材料
2014/12/23 职场文书
先进个人事迹材料范文
2014/12/30 职场文书
某药房的新员工入职告知书!
2019/07/15 职场文书