利用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 相关文章推荐
用js+xml自动生成表格的东西
Dec 21 Javascript
通用JS事件写法实现代码
Jan 07 Javascript
html向js方法传递参数具体实现
Aug 08 Javascript
判断一个变量是数组Array类型的方法
Sep 16 Javascript
JS复制内容到剪切板的实例代码(兼容IE与火狐)
Nov 19 Javascript
jQuery 获取/设置/删除DOM元素的属性以a元素为例
May 23 Javascript
JavaScript中使用concat()方法拼接字符串的教程
Jun 06 Javascript
js实现一个简单的MVVM框架示例
Jan 15 Javascript
JS实现的对象去重功能示例
Jun 04 Javascript
Vue-Cli 3.0 中配置高德地图的两种方式
Jun 19 Javascript
JavaScript文档加载模式以及元素获取
Jul 28 Javascript
Vue3.0的优化总结
Oct 16 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获取网页所有连接的方法(附demo源码下载)
2016/03/30 PHP
php的debug相关函数用法示例
2016/07/11 PHP
PHP rmdir()函数的用法总结
2019/07/02 PHP
javascript引用对象的方法代码
2007/08/13 Javascript
jquery.validate使用攻略 第一部
2010/07/01 Javascript
深入分析js中的constructor和prototype
2012/04/07 Javascript
javascript简单实现图片预加载
2014/12/03 Javascript
举例详解Python中smtplib模块处理电子邮件的使用
2015/06/24 Javascript
跟我学习javascript的执行上下文
2015/11/18 Javascript
AngularJS入门教程之Select(选择框)详解
2016/07/27 Javascript
Jquery Easyui搜索框组件SearchBox使用详解(19)
2016/12/17 Javascript
JavaScript实现提交模式窗口后刷新父窗口数据的方法
2017/06/16 Javascript
form表单数据封装成json格式并提交给服务器的实现方法
2017/12/14 Javascript
在vue中使用Autoprefixed的方法
2018/07/27 Javascript
详解React服务端渲染从入门到精通
2019/03/28 Javascript
Vue对象赋值视图不更新问题及解决方法
2019/06/03 Javascript
微信小程序左右滚动公告栏效果代码实例
2019/09/16 Javascript
NodeJS和浏览器中this关键字的不同之处
2021/03/03 NodeJs
修改Python的pyxmpp2中的主循环使其提高性能
2015/04/24 Python
python使用Image处理图片常用技巧分析
2015/06/01 Python
Python多进程并发(multiprocessing)用法实例详解
2015/06/02 Python
如何利用Anaconda配置简单的Python环境
2019/06/24 Python
Python3 itchat实现微信定时发送群消息的实例代码
2019/07/12 Python
python itsdangerous模块的具体使用方法
2020/02/17 Python
python删除指定列或多列单个或多个内容实例
2020/06/28 Python
PyQt5的QWebEngineView使用示例
2020/10/20 Python
python绘图pyecharts+pandas的使用详解
2020/12/13 Python
欧姆龙医疗欧洲有限公司:Omron Healthcare Europe B.V
2020/06/13 全球购物
运动会领导邀请函
2014/02/05 职场文书
个人承诺书怎么写
2014/05/24 职场文书
财会专业大学生求职信
2014/09/26 职场文书
群众路线组织生活会发言材料
2014/10/17 职场文书
2016年大学生社会实践心得体会
2015/10/09 职场文书
Java Dubbo框架知识点梳理
2021/06/26 Java/Android
Python中 range | np.arange | np.linspace三者的区别
2022/03/22 Python
改造DE1103三步曲
2022/04/07 无线电