利用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控制frame,iframe的src属性代码
Dec 31 Javascript
在JQuery dialog里的服务器控件 事件失效问题
Dec 08 Javascript
js multiple全选与取消全选实现代码
Dec 04 Javascript
js中函数声明与函数表达式
Jun 03 Javascript
jQuery ajax MD5实现用户注册即时验证功能
Oct 11 Javascript
用jQuery实现可输入多选下拉组合框实例代码
Jan 18 Javascript
微信小程序中顶部导航栏的实现代码
Mar 30 Javascript
Easyui和zTree两种方式分别实现树形下拉框
Aug 04 Javascript
vue监听键盘事件的快捷方法【推荐】
Jul 11 Javascript
vue实现新闻展示页的步骤详解
Apr 11 Javascript
JS Math对象与Math方法实例小结
Jul 05 Javascript
微信小程序前端promise封装代码实例
Aug 24 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编程语言开发动态WAP页面
2006/10/09 PHP
在同一窗体中使用PHP来处理多个提交任务
2006/10/09 PHP
php通过字符串调用函数示例
2014/03/02 PHP
在IIS下安装PHP扩展的方法(超简单)
2017/04/10 PHP
js onpropertychange输入框 事件获取属性
2009/03/26 Javascript
一步一步制作jquery插件Tabs实现过程
2010/07/06 Javascript
JS 自定义带默认值的函数
2011/07/21 Javascript
JS 实现Table相同行的单元格自动合并示例代码
2013/08/27 Javascript
深入理解事件冒泡(Bubble)和事件捕捉(capture)
2016/05/28 Javascript
Windows环境下npm install 报错: operation not permitted, rename的解决方法
2016/09/26 Javascript
jQuery插件echarts设置折线图中折线线条颜色和折线点颜色的方法
2017/03/03 Javascript
Vue中的v-cloak使用解读
2017/03/27 Javascript
Vue2 模板template的四种写法总结
2018/02/23 Javascript
vue中axios解决跨域问题和拦截器的使用方法
2018/03/07 Javascript
vue使用Proxy实现双向绑定的方法示例
2019/03/20 Javascript
javascript/jquery实现点击触发事件的方法分析
2019/11/11 jQuery
vue设置默认首页的操作
2020/08/12 Javascript
Openlayers测量距离与面积的实现方法
2020/09/25 Javascript
Python常用时间操作总结【取得当前时间、时间函数、应用等】
2017/05/11 Python
OpenCV-Python 摄像头实时检测人脸代码实例
2019/04/30 Python
PyQt5图形界面播放音乐的实例
2019/06/17 Python
Python登录系统界面实现详解
2019/06/25 Python
解决安装python3.7.4报错Can''t connect to HTTPS URL because the SSL module is not available
2019/07/31 Python
python的移位操作实现详解
2019/08/21 Python
用python实现前向分词最大匹配算法的示例代码
2020/08/06 Python
一款纯css3实现的漂亮的404页面的实例教程
2014/11/27 HTML / CSS
美国专业汽车音响和移动电子产品零售商:Car Toys
2019/05/13 全球购物
Camille Jewelry官网:现代女性时尚首饰
2019/07/07 全球购物
质检员的岗位职责
2013/11/15 职场文书
考试不及格的检讨书
2014/01/22 职场文书
《夏夜多美》教学反思
2014/02/17 职场文书
幼儿园见习报告
2014/10/30 职场文书
合伙经营协议书范本(通用版)
2014/12/03 职场文书
2016见义勇为事迹材料汇总
2016/03/01 职场文书
2016年世界艾滋病日宣传活动总结
2016/04/01 职场文书
springboot创建的web项目整合Quartz框架的项目实践
2022/06/21 Java/Android