利用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 相关文章推荐
stream.js 一个很小、完全独立的Javascript类库
Oct 28 Javascript
很好用的js日历算法详细代码
Mar 07 Javascript
jQuery学习笔记(3)--用jquery(插件)实现多选项卡功能
Apr 08 Javascript
jQuery 隐藏和显示 input 默认值示例
Jun 03 Javascript
JavaScript学习笔记之Cookie对象
Jan 22 Javascript
JavaScript生成随机字符串的方法
Mar 19 Javascript
javascript实现dom动态创建省市纵向列表菜单的方法
May 14 Javascript
js文件中直接alert()中文出来的是乱码的解决方法
Nov 01 Javascript
Vue.js实现的计算器功能完整示例
Jul 11 Javascript
js实现input密码框显示/隐藏功能
Sep 10 Javascript
koa2服务端使用jwt进行鉴权及路由权限分发的流程分析
Jul 22 Javascript
javascript实现点击产生随机图形
Jan 25 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&MYSQL服务器配置说明
2006/10/09 PHP
require(),include(),require_once()和include_once()区别
2008/03/27 PHP
攻克CakePHP系列一 连接MySQL数据库
2008/10/22 PHP
PHP求小于1000的所有水仙花数的代码
2012/01/10 PHP
dhtmlxTree目录树增加右键菜单以及拖拽排序的实现方法
2013/04/26 PHP
在yii中新增一个用户验证的方法详解
2013/06/20 PHP
PHP加Nginx实现动态裁剪图片方案
2014/03/10 PHP
PHP变量赋值、代入给JavaScript中的变量
2015/06/29 PHP
WordPress中用于检索模版的相关PHP函数使用解析
2015/12/15 PHP
PHP版本升级到7.x后wordpress的一些修改及wordpress技巧
2015/12/25 PHP
最新版本PHP 7 vs HHVM 多角度比较
2016/02/14 PHP
PHP面向对象之领域模型+数据映射器实例(分析)
2017/06/21 PHP
JavaScript call apply使用 JavaScript对象的方法绑定到DOM事件后this指向问题
2011/09/28 Javascript
jQuery删除节点的三个方法即remove()detach()和empty()
2013/12/27 Javascript
自编jQuery插件实现模拟alert和confirm
2014/09/01 Javascript
JS中数组重排序方法
2016/11/11 Javascript
jQuery插件echarts设置折线图中折线线条颜色和折线点颜色的方法
2017/03/03 Javascript
JS实现点击Radio动态更新table数据
2017/07/18 Javascript
原生js实现移动端触摸轮播的示例代码
2017/12/22 Javascript
微信小程序页面传多个参数跳转页面的实现方法
2019/05/17 Javascript
浅谈bootstrap layer.open中end的使用方法
2019/09/12 Javascript
基于Vue的商品主图放大镜方案详解
2019/09/19 Javascript
js实现简单的日历显示效果函数示例
2019/11/25 Javascript
js实现带搜索功能的下拉框
2020/01/11 Javascript
Python+django实现简单的文件上传
2016/08/17 Python
python如何使用正则表达式的前向、后向搜索及前向搜索否定模式详解
2017/11/08 Python
使用python制作一个为hex文件增加版本号的脚本实例
2019/06/12 Python
python 解决selenium 中的 .clear()方法失效问题
2020/09/01 Python
Python HTMLTestRunner如何下载生成报告
2020/09/04 Python
澳大利亚最大的女装零售商:Millers
2017/09/10 全球购物
日本乐天官方海外转运服务:Rakuten Global Express
2018/11/30 全球购物
护士专业推荐信
2013/11/02 职场文书
小学教师个人先进事迹材料
2014/05/17 职场文书
超市创业计划书
2014/09/15 职场文书
文明单位申报材料
2014/12/23 职场文书
Linux下使用C语言代码搭建一个简单的HTTP服务器
2022/04/13 Servers