利用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 1.4 15个你应该知道的新特性(译)
Jan 24 Javascript
jQuery实现提交按钮点击后变成正在处理字样并禁止点击的方法
Mar 24 Javascript
JQuery简单实现锚点链接的平滑滚动
May 03 Javascript
异步JavaScript编程中的Promise使用方法
Jul 28 Javascript
JS实现关闭当前页而不弹出提示框的方法
Jun 22 Javascript
AngularJS实现动态切换样式的方法分析
Jun 26 Javascript
vue 弹框产生的滚动穿透问题的解决
Sep 21 Javascript
JQuery实现ajax请求的示例和注意事项
Dec 10 jQuery
小试SVG之新手小白入门教程
Jan 08 Javascript
微信小程序跨页面数据传递事件响应实现过程解析
Dec 19 Javascript
JS+CSS实现炫酷光感效果
Sep 05 Javascript
使用Vue.js和MJML创建响应式电子邮件
Mar 23 Vue.js
利用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
重新封装zend_soap实现http连接安全认证的php代码
2011/01/12 PHP
php进程daemon化的正确实现方法
2018/09/06 PHP
一个js拖拽的效果类和dom-drag.js浅析
2010/07/17 Javascript
基于jquery的无缝循环新闻列表插件
2011/03/07 Javascript
javascript模拟的Ping效果代码 (Web Ping)
2011/03/13 Javascript
jquery select(列表)的操作(取值/赋值)
2011/03/16 Javascript
JQuery对checkbox操作 (循环获取)
2011/05/20 Javascript
js数组的操作详解
2013/03/27 Javascript
JQuery拖动表头边框线调整表格列宽效果代码
2014/09/10 Javascript
jQuery实现带滚动线条导航效果的方法
2015/01/30 Javascript
Javascript writable特性介绍
2015/02/27 Javascript
JavaScript是如何实现继承的(六种方式)
2016/03/31 Javascript
jquery分页插件jquery.pagination.js实现无刷新分页
2016/04/01 Javascript
基于bootstrap-datetimepicker.js不支持IE8的快速解决方法
2016/11/07 Javascript
js addDqmForPP给标签内属性值加上双引号的函数
2016/12/24 Javascript
vue.js使用watch监听路由变化的方法
2018/07/08 Javascript
微信小程序使用map组件实现获取定位城市天气或者指定城市天气数据功能
2019/01/22 Javascript
微信小程序云开发使用方法新手初体验
2019/05/16 Javascript
Javascript Dom元素获取和添加详解
2019/09/24 Javascript
详解Vue Cli浏览器兼容性实践
2020/06/08 Javascript
JS中循环遍历数组的四种方式总结
2021/01/23 Javascript
python从ftp下载数据保存实例
2013/11/20 Python
Python如何实现文本转语音
2016/08/08 Python
python画折线图的程序
2018/07/26 Python
更改Python的pip install 默认安装依赖路径方法详解
2018/10/27 Python
Python中的相关分析correlation analysis的实现
2019/08/29 Python
python关闭占用端口方式
2019/12/17 Python
Python的in,is和id函数代码实例
2020/04/18 Python
使用HTML和CSS实现的标签云效果(附demo)
2021/02/03 HTML / CSS
澳大利亚排名第一的在线酒类商店:MyBottleShop
2018/04/26 全球购物
桥梁工程专业求职信
2014/04/21 职场文书
《秋游》教学反思
2014/04/24 职场文书
清明节网上祭英烈寄语2015
2015/03/04 职场文书
2015年重阳节活动总结
2015/03/24 职场文书
浅谈JS的二进制家族
2021/05/09 Javascript
Redis入门教程详解
2021/08/30 Redis