利用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 相关文章推荐
Node.js和PHP根据ip获取地理位置的方法
Mar 14 Javascript
jQuery中的pushStack实现原理和应用实例
Feb 03 Javascript
深入学习JavaScript中的Rest参数和参数默认值
Jul 28 Javascript
JS基于myFocus库实现各种功能的tab选项卡切换效果
Sep 19 Javascript
原生Javascript插件开发实践
Jan 18 Javascript
vue.js开发环境搭建教程
May 04 Javascript
js登录滑动验证的实现(不滑动无法登陆)
Jan 03 Javascript
JavaScript高级函数应用之分时函数实例分析
Aug 03 Javascript
解决vue-cli webpack打包开启Gzip 报错问题
Jul 24 Javascript
Nautil 中使用双向数据绑定的实现
Oct 02 Javascript
vue路由守卫,限制前端页面访问权限的例子
Nov 11 Javascript
JS apply用法总结和使用场景实例分析
Mar 14 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对大文件进行读取操作的实现代码
2013/01/23 PHP
php使用post数组的键值创建同名变量并赋值的方法
2015/04/03 PHP
Thinkphp结合ajaxFileUpload实现异步图片传输示例
2017/03/13 PHP
tp5(thinkPHP5框架)captcha验证码配置及验证操作示例
2019/05/28 PHP
javascript 设计模式之单体模式 面向对象学习基础
2010/04/18 Javascript
使用ExtJS技术实现的拖动树结点
2010/08/05 Javascript
Document对象内容集合(比较全)
2010/09/06 Javascript
解决jquery异步按一定的时间间隔刷新问题
2012/12/10 Javascript
js捕获鼠标右键菜单中的粘帖事件实现代码
2013/04/01 Javascript
Jquery通过Ajax访问XML数据的小例子
2013/11/18 Javascript
使用jQuery实现Web页面换肤功能的要点解析
2016/05/12 Javascript
Javascript之BOM(window对象)详解
2016/05/25 Javascript
ionic cordova一次上传多张图片(类似input file提交表单)的实现方法
2016/12/16 Javascript
20行JS代码实现粘贴板复制功能
2018/02/06 Javascript
jQuery中复合选择器简单用法示例
2018/03/31 jQuery
Vue 后台管理类项目兼容IE9+的方法示例
2019/02/20 Javascript
layui操作列按钮个数和文字颜色的判断实例
2019/09/11 Javascript
浅析vue中的provide / inject 有什么用处
2019/11/10 Javascript
vue vant Area组件使用详解
2019/12/09 Javascript
JS基础之逻辑结构与循环操作示例
2020/01/19 Javascript
jQuery 动态粒子效果示例代码
2020/07/07 jQuery
vue使用canvas实现移动端手写签名
2020/09/22 Javascript
纯css3无js实现的Android Logo(有简单动画)
2013/01/21 HTML / CSS
Marks & Spencer爱尔兰:英国马莎百货
2016/04/20 全球购物
潘多拉意大利官方网上商城:网上选购PANDORA珠宝
2018/10/07 全球购物
公司年会演讲稿范文
2014/01/11 职场文书
关于圣诞节的广播稿
2014/01/26 职场文书
小溪流的歌教学反思
2014/02/13 职场文书
安全生产计划书
2014/05/04 职场文书
教师自我剖析材料
2014/09/29 职场文书
单位委托函范文
2015/01/29 职场文书
经费申请报告范文
2015/05/18 职场文书
2019广播稿怎么写
2019/04/17 职场文书
2019最新版试用期劳动合同模板!
2019/07/04 职场文书
互联网创业商业模式以及赚钱法则有哪些?
2019/10/12 职场文书
PostgreSQL通过oracle_fdw访问Oracle数据的实现步骤
2021/05/21 PostgreSQL