利用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设置和去除disabled属性的5种方法总结
May 16 Javascript
使用javascript创建快捷方式的简单实例
Aug 09 Javascript
详解JavaScript中undefined与null的区别
Mar 29 Javascript
javascript框架设计读书笔记之数组的扩展与修复
Dec 02 Javascript
原生javascript实现图片滚动、延时加载功能
Jan 12 Javascript
JavaScript中几种排序算法的简单实现
Jul 29 Javascript
Web前端新人笔记之jquery入门心得(新手必看)
May 17 Javascript
封装获取dom元素的简单实例
Jul 08 Javascript
js实现二级导航功能
Mar 03 Javascript
微信小程序webview实现长按点击识别二维码功能示例
Jan 24 Javascript
taro小程序添加骨架屏的实现代码
Nov 15 Javascript
jQuery实现弹出层效果
Dec 10 jQuery
利用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脚本的10个技巧(7)
2006/10/09 PHP
PHP获取网页标题的3种实现方法代码实例
2014/04/11 PHP
PHP网页游戏学习之Xnova(ogame)源码解读(十五)
2014/06/30 PHP
php实现有趣的人品测试程序实例
2015/06/08 PHP
php有效防止同一用户多次登录
2015/11/19 PHP
PHP读取mssql json数据中文乱码的解决办法
2016/04/11 PHP
php简单的上传类分享
2016/05/15 PHP
Smarty模板变量调节器用法分析
2016/05/23 PHP
YII框架中使用memcache的方法详解
2017/08/02 PHP
JQuery小知识
2010/10/15 Javascript
JQuery文本框高亮显示插件代码
2011/04/02 Javascript
javascript中类的定义方式详解(四种方式)
2015/12/22 Javascript
zTree插件下拉树使用入门教程
2016/04/11 Javascript
JavaScript 输出显示内容(document.write、alert、innerHTML、console.log)
2016/12/14 Javascript
Angular2使用Angular CLI快速搭建工程(一)
2017/05/21 Javascript
手机注册发送验证码倒计时的简单实例
2017/11/15 Javascript
vue或react项目生产环境去掉console.log的操作
2020/09/02 Javascript
JavaScript日期库date-fn.js使用方法解析
2020/09/09 Javascript
[01:09]模型精美,特效酷炫!TI9不朽宝藏Ⅰ鉴赏
2019/05/10 DOTA
浅析Python的Django框架中的Memcached
2015/07/23 Python
基于Python数据可视化利器Matplotlib,绘图入门篇,Pyplot详解
2017/10/13 Python
python 将数据保存为excel的xls格式(实例讲解)
2018/05/03 Python
Python修改列表值问题解决方案
2020/03/06 Python
python用tkinter实现一个简易能进行随机点名的界面
2020/09/27 Python
Python模块常用四种安装方式
2020/10/20 Python
django项目中使用云片网发送短信验证码的实现
2021/01/19 Python
Farfetch阿联酋:奢侈品牌时尚购物平台
2019/07/26 全球购物
比较基础的php面试题及答案-填空题
2014/04/26 面试题
化学相关工作求职信
2013/10/02 职场文书
机械专业毕业生自荐信
2013/11/02 职场文书
教师党员公开承诺书
2014/03/25 职场文书
公司感谢信范文
2015/01/22 职场文书
教你怎么用python爬取爱奇艺热门电影
2021/05/20 Python
关于JavaScript回调函数的深入理解
2021/06/27 Javascript
SQL Server 忘记密码以及重新添加新账号
2022/04/26 SQL Server
使用Django框架创建项目
2022/06/10 Python