利用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 相关文章推荐
javascript 系统文件夹文件操作及参数介绍
Jan 08 Javascript
jquery垂直公告滚动实现代码
Dec 08 Javascript
escape函数解决js中ajax传递中文出现乱码问题
Oct 30 Javascript
js实现当前输入框高亮显示的方法
Aug 19 Javascript
javascript实现自动填写表单实例简析
Dec 02 Javascript
js仿支付宝填写支付密码效果实现多方框输入密码
Mar 09 Javascript
js 动态给元素添加、移除事件的实现方法
Jul 19 Javascript
js实现手机发送验证码功能
Mar 13 Javascript
微信小程序实现文字跑马灯效果
May 26 Javascript
React 组件间的通信示例
Jun 14 Javascript
让webpack+vue-cil项目不再自动打开浏览器的方法
Sep 27 Javascript
在webstorm开发微信小程序之使用阿里自定义字体图标的方法
Nov 15 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优化及注意事项
2016/07/04 PHP
PHP房贷计算器实例代码,等额本息,等额本金
2017/04/01 PHP
详谈PHP中public,private,protected,abstract等关键字的用法
2017/12/31 PHP
JavaScript 学习笔记(四)
2009/12/31 Javascript
js拖动div 当鼠标移动时整个div也相应的移动
2013/11/21 Javascript
PHPExcel中的一些常用方法汇总
2015/01/23 Javascript
解析JavaScript的ES6版本中的解构赋值
2015/07/28 Javascript
学习使用bootstrap3栅格系统
2016/04/12 Javascript
js 获取站点应用名的简单实例
2016/08/18 Javascript
jQuery实现的自适应焦点图效果完整实例
2016/08/24 Javascript
jQuery实现导航滚动到指定内容效果完整实例【附demo源码下载】
2016/09/20 Javascript
基于vue1和vue2获取dom元素的方法
2018/03/17 Javascript
浅谈Webpack核心模块tapable解析
2018/09/11 Javascript
ES6 系列之 Generator 的自动执行的方法示例
2018/10/19 Javascript
Vue.js 事件修饰符的使用教程
2018/11/01 Javascript
JS数组扁平化(flat)方法总结详解
2019/06/24 Javascript
原生js实现随机点名功能
2019/11/05 Javascript
javascript设计模式之装饰者模式
2020/01/30 Javascript
实现vuex原理的示例
2020/10/21 Javascript
Python提取Linux内核源代码的目录结构实现方法
2016/06/24 Python
Python实现将蓝底照片转化为白底照片功能完整实例
2019/12/13 Python
Python 音频生成器的实现示例
2019/12/24 Python
Python @property原理解析和用法实例
2020/02/11 Python
Python爬虫爬取电影票房数据及图表展示操作示例
2020/03/27 Python
python能开发游戏吗
2020/06/11 Python
解决使用Pandas 读取超过65536行的Excel文件问题
2020/11/10 Python
css3 伪类选择器快速复习小结
2019/09/10 HTML / CSS
HTML5 canvas 基本语法
2009/08/26 HTML / CSS
英国户外服装品牌:Craghoppers
2019/04/25 全球购物
计算机毕业大学生推荐信
2013/12/01 职场文书
走群众路线学习心得体会
2014/10/31 职场文书
陪护人员误工证明
2015/06/24 职场文书
laravel添加角色和模糊搜索功能的实现代码
2021/06/22 PHP
总结Python连接CS2000的详细步骤
2021/06/23 Python
python装饰器代码解析
2022/03/23 Python
MySQL数据库 安全管理
2022/05/06 MySQL