利用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 对Select的操作备忘记录
Jul 04 Javascript
Jquery动态改变图片IMG的src地址示例
Jun 25 Javascript
javascript贪吃蛇完整版(源码)
Dec 09 Javascript
AngularJS入门教程之迭代器过滤详解
Aug 18 Javascript
详解Vue.js动态绑定class
Dec 20 Javascript
微信小程序 label 组件详解及简单实例
Jan 10 Javascript
setTimeout学习小结
Feb 08 Javascript
微信小程序地图(map)组件点击(tap)获取经纬度的方法
Jan 10 Javascript
微信小程序中使用Async-await方法异步请求变为同步请求方法
Mar 28 Javascript
回顾Javascript React基础
Jun 15 Javascript
vue 实现Web端的定位功能 获取经纬度
Aug 08 Javascript
JS替换字符串中指定位置的字符(多种方法)
May 28 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
搜索和替换文件或目录的一个好类--很实用
2006/10/09 PHP
PHP字符串 ==比较运算符的副作用
2009/10/21 PHP
PHP文章采集URL补全函数(FormatUrl)
2012/08/02 PHP
新浪SAE云平台下使用codeigniter的数据库配置
2014/06/12 PHP
php如何连接sql server
2015/10/16 PHP
利用 fsockopen() 函数开放端口扫描器的实例
2017/08/19 PHP
学习ExtJS(一) 之基础前提
2009/10/07 Javascript
js修改input的type属性及浏览器兼容问题探讨与解决
2013/01/23 Javascript
node在两个div之间移动,用ztree实现
2013/03/06 Javascript
jquery验证手机号码、邮箱格式是否正确示例代码
2013/07/28 Javascript
jQuery实现鼠标划过展示大图的方法
2015/03/09 Javascript
js实现两点之间画线的方法
2015/05/12 Javascript
JavaScript ParseFloat()方法
2015/12/18 Javascript
JS解析后台返回的JSON格式数据实例
2018/08/06 Javascript
NestJs 静态目录配置详解
2019/03/12 Javascript
深入学习JavaScript 高阶函数
2019/06/11 Javascript
js中的this的指向问题详解
2019/08/29 Javascript
Vue自动构建发布脚本的方法示例
2020/07/24 Javascript
50行代码实现贪吃蛇(具体思路及代码)
2013/04/27 Python
python基础教程之类class定义使用方法
2014/02/20 Python
Python3实现计算两个数组的交集算法示例
2019/04/03 Python
python matplotlib折线图样式实现过程
2019/11/04 Python
Python ORM编程基础示例
2020/02/02 Python
HTML5的结构和语义(3):语义性的块级元素
2008/10/17 HTML / CSS
html标签之Object和EMBED标签详解
2013/07/04 HTML / CSS
如何用Lucene索引数据库
2016/02/23 面试题
介绍Java的内部类
2012/10/27 面试题
Linux机考试题
2015/10/16 面试题
解决方案设计综合面试题
2015/08/31 面试题
致短跑运动员广播稿
2014/01/09 职场文书
战友聚会邀请函
2014/01/18 职场文书
管事部库房保管员岗位职责
2014/02/21 职场文书
大学生求职信
2014/06/17 职场文书
学校学习雷锋活动总结
2014/07/03 职场文书
2015世界地球日活动总结
2015/02/09 职场文书
业务员管理制度范本
2015/08/06 职场文书