利用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 相关文章推荐
跨浏览器的设置innerHTML方法
Sep 18 Javascript
JavaScript栏目列表隐藏/显示简单实现
Apr 03 Javascript
JavaScript小技巧整理
Dec 30 Javascript
AngularJS入门教程之 XMLHttpRequest实例讲解
Jul 27 Javascript
用瀑布流的方式在网页上插入图片的简单实现方法
Sep 23 Javascript
微信小程序五星评分效果实现代码
Apr 06 Javascript
Vue表单验证插件Vue Validator使用方法详解
Apr 07 Javascript
Vue结合SignalR实现前后端实时消息同步
Sep 19 Javascript
Angular2.0/4.0 使用Echarts图表的示例代码
Dec 07 Javascript
js监听html页面的上下滚动事件方法
Sep 11 Javascript
Vue动态修改网页标题的方法及遇到问题
Jun 09 Javascript
vuex的数据渲染与修改浅析
Nov 26 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
不用GD库生成当前时间的PNG格式图象的程序
2006/10/09 PHP
使用cookie实现统计访问者登陆次数
2013/06/08 PHP
ThinkPHP访问不存在的模块跳转到404页面的方法
2014/06/19 PHP
CI框架(ajax分页,全选,反选,不选,批量删除)完整代码详解
2016/11/01 PHP
利用php获得flv视频长度的实例代码
2017/10/26 PHP
jquery等宽输出文字插件使用介绍
2013/09/18 Javascript
Javascript闭包(Closure)详解
2015/05/05 Javascript
原生JavaScript实现异步多文件上传
2015/12/02 Javascript
JS实现的颜色实时渐变效果完整实例
2016/03/25 Javascript
基于javascript实现九宫格大转盘效果
2020/05/28 Javascript
JavaScript设计模式之单体模式全面解析
2016/09/09 Javascript
jQuery实现点击后高亮背景固定显示的菜单效果【附demo源码下载】
2016/09/21 Javascript
微信小程序实现实时圆形进度条的方法示例
2017/02/24 Javascript
Angular.js自定义指令学习笔记实例
2017/02/24 Javascript
微信小程序实现点击文字页面跳转功能【附源码下载】
2017/12/12 Javascript
使用layer弹窗,制作编辑User信息页面的方法
2019/09/27 Javascript
js实现手表表盘时钟与圆周运动
2020/09/18 Javascript
python3.5使用tkinter制作记事本
2016/06/20 Python
手把手教你用python抢票回家过年(代码简单)
2018/01/21 Python
python学习基础之循环import及import过程
2018/04/22 Python
Python爬虫实现全国失信被执行人名单查询功能示例
2018/05/03 Python
使用python对文件中的单词进行提取的方法示例
2018/12/21 Python
Python  Asyncio模块实现的生产消费者模型的方法
2021/03/01 Python
html5如何在Canvas中实现自定义路径动画示例
2017/09/18 HTML / CSS
美体小铺美国官网:The Body Shop美国
2017/11/10 全球购物
Expedia印度尼西亚站:预订酒店、廉价航班和度假套餐
2018/01/31 全球购物
社区活动邀请函范文
2014/01/29 职场文书
写求职信有什么意义
2014/02/17 职场文书
广告学专业自荐信范文
2014/02/24 职场文书
经典演讲稿汇总
2014/05/19 职场文书
2016年大学自主招生自荐信范文
2015/03/24 职场文书
2016会计专业自荐信范文
2016/01/28 职场文书
导游词之新疆-喀纳斯
2019/10/10 职场文书
关于PHP数组迭代器的使用方法实例
2021/11/17 PHP
PostGIS的安装与入门使用指南
2022/01/18 PostgreSQL
Java界面编程实现界面跳转
2022/06/16 Java/Android