利用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学习之一个简易的日历控件
Mar 24 Javascript
JavaScript 原型与继承说明
Jun 09 Javascript
appendChild() 或 insertBefore()使用与区别介绍
Oct 11 Javascript
IE6-IE9中tbody的innerHTML不能赋值的解决方法
Jun 05 Javascript
bootstrap jquery dataTable 异步ajax刷新表格数据的实现方法
Feb 10 Javascript
jquery实现静态搜索功能(可输入搜索文字)
Mar 28 jQuery
详解Layer弹出层样式
Aug 21 Javascript
vue实现百度下拉列表交互操作示例
Mar 12 Javascript
Angular 中使用 FineReport不显示报表直接打印预览
Aug 21 Javascript
详解Vue 项目中的几个实用组件(ts)
Oct 29 Javascript
微信小程序canvas开发水果老虎机的思路详解
Feb 07 Javascript
微信小程序实现下滑到底部自动翻页功能
Mar 07 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中防止SQL注入攻击和XSS攻击的两个简单方法
2010/04/15 PHP
PHP多线程编程之管道通信实例分析
2015/03/07 PHP
php求一个网段开始与结束IP地址的方法
2015/07/09 PHP
php+jquery+html实现点击不刷新加载更多的实例代码
2016/08/12 PHP
PHP关于foreach复制知识点总结
2019/01/28 PHP
PHP开发实现快递查询功能详解
2019/04/08 PHP
php中目录操作opendir()、readdir()及scandir()用法示例
2019/06/08 PHP
js GridView 实现自动计算操作代码
2009/03/25 Javascript
JS限制Textarea文本域字符个数的具体实现
2013/08/02 Javascript
js获取input长度并根据页面宽度设置其大小及居中对齐
2014/08/22 Javascript
JavaScript中toString()方法的使用详解
2015/06/05 Javascript
jQuery 如何给Carousel插件添加新的功能
2016/04/18 Javascript
JS实现发送短信验证后按钮倒计时功能(防止刷新倒计时失效)
2017/07/07 Javascript
js使用generator函数同步执行ajax任务
2017/09/05 Javascript
Node.js API详解之 repl模块用法实例分析
2020/05/25 Javascript
[01:27:44]DOTA2-DPC中国联赛 正赛 PSG.LGD vs Aster BO3 第一场 1月24日
2021/03/11 DOTA
python检测lvs real server状态
2014/01/22 Python
python制作爬虫并将抓取结果保存到excel中
2016/04/06 Python
Linux下为不同版本python安装第三方库
2016/08/31 Python
详解Python中的正则表达式
2018/07/08 Python
python实现括号匹配的思路详解
2018/08/23 Python
Python列表元素常见操作简单示例
2019/10/25 Python
python中Ansible模块的Playbook的具体使用
2020/05/28 Python
5分钟快速掌握Python定时任务框架的实现
2021/01/26 Python
绿色美容,有机护肤品和化妆品:Safe & Chic
2018/10/29 全球购物
逻辑链路控制协议
2016/10/01 面试题
在对linux系统分区进行格式化时需要对磁盘簇(或i节点密度)的大小进行选择,请说明选择的原则
2012/11/24 面试题
保安岗位职责
2014/02/21 职场文书
竞聘演讲稿精彩开头和结尾
2014/05/14 职场文书
医疗专业毕业生求职信
2014/08/28 职场文书
2015年清明节演讲稿范文
2015/03/17 职场文书
2015年物资管理工作总结
2015/05/20 职场文书
小学语文课《掌声》教学反思
2016/03/03 职场文书
创业计划书之香辣虾火锅
2019/09/23 职场文书
关于CSS自定义属性与前端页面的主题切换问题
2022/03/21 HTML / CSS
MySQL下载安装配置详细教程 附下载资源
2022/09/23 MySQL