利用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 相关文章推荐
2010年最佳jQuery插件整理
Dec 06 Javascript
简短几句 通俗解释javascript的闭包
Jan 17 Javascript
js+css使DIV始终居于屏幕中间 左下 左上 右上 右下的代码集合
Mar 10 Javascript
编写js扩展方法判断一个数组中是否包含某个元素
Nov 08 Javascript
创建一般js对象的几种方式
Jan 19 Javascript
vue cli2.0单页面title修改方法
Jun 07 Javascript
VUE2.0+ElementUI2.0表格el-table循环动态列渲染的写法详解
Nov 30 Javascript
JavaScript中引用vs复制示例详析
Dec 06 Javascript
Vue渲染过程浅析
Mar 14 Javascript
JS正则表达式常见函数与用法小结
Apr 13 Javascript
javascript运行机制之执行顺序理解
Aug 03 Javascript
Webpack5正式发布,有哪些新特性
Oct 12 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
sqlyog 中文乱码问题的设置方法
2008/10/19 PHP
php中函数的形参与实参的问题说明
2010/09/01 PHP
解析yahoo邮件用phpmailer发送的实例
2013/06/24 PHP
php数组分页实现方法
2016/04/30 PHP
php简单复制文件的方法
2016/05/09 PHP
PHP面向对象程序设计之构造方法和析构方法详解
2019/06/13 PHP
laravel 实现划分admin和home 模块分组
2019/10/15 PHP
javascript 函数参数限制说明
2010/11/19 Javascript
js遍历、动态的添加数据的小例子
2013/06/22 Javascript
js代码延迟一定时间后执行一个函数的实例
2017/02/15 Javascript
JS解析url查询参数的简单代码
2017/08/06 Javascript
JS中Object对象的原型概念基础
2018/01/29 Javascript
Vue组件Draggable实现拖拽功能
2018/12/01 Javascript
js字符串类型String常用操作实例总结
2019/07/05 Javascript
vue实现点击按钮切换背景颜色的示例代码
2020/06/23 Javascript
jQuery实现计算器功能
2020/10/19 jQuery
在vue中获取wangeditor的html和text的操作
2020/10/23 Javascript
vue 封装面包屑组件教程
2020/11/16 Javascript
[33:23]VG vs Pain 2018国际邀请赛小组赛BO2 第二场 8.18
2018/08/19 DOTA
Python实现建立SSH连接的方法
2015/06/03 Python
利用Python循环(包括while&for)各种打印九九乘法表的实例
2017/11/06 Python
Django ORM 查询管理器源码解析
2019/08/05 Python
python各类经纬度转换的实例代码
2019/08/08 Python
Flask框架学习笔记之模板操作实例详解
2019/08/15 Python
使用pytorch搭建AlexNet操作(微调预训练模型及手动搭建)
2020/01/18 Python
tensorboard实现同时显示训练曲线和测试曲线
2020/01/21 Python
Django 允许局域网中的机器访问你的主机操作
2020/05/13 Python
CSS3哪些新特性值得称赞
2016/03/02 HTML / CSS
大学生创业计划书的范文
2014/01/07 职场文书
网络工程师职业规划
2014/02/10 职场文书
工程安全员岗位职责
2014/03/09 职场文书
祖国在我心中演讲稿600字
2014/05/04 职场文书
个人委托书如何写
2014/09/25 职场文书
2015年医药代表工作总结
2015/04/25 职场文书
新闻稿件写作技巧
2015/07/18 职场文书
运动会通讯稿200字
2015/07/20 职场文书