解决jquery实现的radio重新选中的问题


Posted in Javascript onJuly 03, 2015
<input type="radio" name="test"/>

<input type="radio" name="test" id = "input2"/>

(说明:使用的jquery 版本是 1.10.2。)

使用 jquery 的removeAttr(),清除掉 radio 的checked属性后。使用 attr('checked',true)可以给对应的radio 附上 checked属性。但是页面展示,却没有选中。

解决方法:

使用原生js 代码实现。

var inputList = document.getElementByName("test");


for(var x=0;x<inputList.length;x++){



inputList[x].checked=false; //取消选中


}


var input = document.getElementById("input2");


input.checked = true; //选中第二个

测试是可以的。能选中,且页面能显示正确。

以上所述就是本文的全部内容,希望大家能够喜欢。

Javascript 相关文章推荐
javascript document.execCommand() 常用解析
Dec 14 Javascript
关于jquery ajax 调用带参数的webservice返回XML数据一个小细节
Jul 31 Javascript
写得不错的jquery table鼠标经过变色代码
Sep 27 Javascript
JavaScript中的ParseInt(&quot;08&quot;)和“09”返回0的原因分析及解决办法
May 19 Javascript
原生ajax处理json格式数据的实例代码
Dec 25 Javascript
ES6新数据结构Set与WeakSet用法分析
Mar 31 Javascript
详解Angular 自定义结构指令
Jun 21 Javascript
JavaScript Date对象应用实例分享
Oct 30 Javascript
zTree 树插件实现全国五级地区点击后加载的示例
Feb 05 Javascript
微信小程序:报错(in promise) MiniProgramError
Oct 30 Javascript
JavaScript实现HTML导航栏下拉菜单
Nov 25 Javascript
JS 4个超级实用的小技巧 提升开发效率
Oct 05 Javascript
移动端JQ插件hammer使用详解
Jul 03 #Javascript
jQuery+AJAX实现无刷新下拉加载更多
Jul 03 #Javascript
Javascript实现字数统计
Jul 03 #Javascript
JavaScript获取表格(table)当前行的值、删除行、增加行
Jul 03 #Javascript
jQuery中 delegate使用的问题
Jul 03 #Javascript
JavaScript实现select添加option
Jul 03 #Javascript
JavaScript定时器和优化的取消定时器方法
Jul 03 #Javascript
You might like
php入门学习知识点三 PHP上传
2011/07/14 PHP
php自动注册登录验证机制实现代码
2011/12/20 PHP
两级联动select刷新后其值保持不变的实现方法
2014/01/27 PHP
ThinkPHP之import方法实例详解
2014/06/20 PHP
php发送html格式文本邮件的方法
2015/06/10 PHP
PHP实现的网站目录扫描索引工具
2016/09/08 PHP
php preg_match的匹配不同国家语言实例
2016/12/29 PHP
javascript温习的一些笔记 基础常用知识小结
2011/06/22 Javascript
jQuery弹出框代码封装DialogHelper
2015/01/30 Javascript
JS简单实现城市二级联动选择插件的方法
2015/08/19 Javascript
js实现文件上传表单域美化特效
2015/11/02 Javascript
javascript创建cookie、读取cookie
2016/03/31 Javascript
js date 格式化
2017/02/15 Javascript
javascript 组合按键事件监听实现代码
2017/02/21 Javascript
Angular 4依赖注入学习教程之FactoryProvider配置依赖对象(五)
2017/06/04 Javascript
React 高阶组件入门介绍
2018/01/11 Javascript
Webpack中publicPath路径问题详解
2018/05/03 Javascript
javascript的this关键字详解
2019/05/20 Javascript
vue拖拽组件 vuedraggable API options实现盒子之间相互拖拽排序
2019/07/08 Javascript
JS如何生成随机验证码
2020/03/02 Javascript
基于Web Audio API实现音频可视化效果
2020/06/12 Javascript
Vue中添加滚动事件设置的方法详解
2020/09/14 Javascript
react项目从新建到部署的实现示例
2021/02/19 Javascript
[03:11]2014DOTA2国际邀请赛-VG掉入败者组 独家专访357
2014/07/19 DOTA
[01:32]DOTA2 2015国际邀请赛中国区预选赛第四日战报
2015/05/29 DOTA
Python解析nginx日志文件
2015/05/11 Python
Java实现的执行python脚本工具类示例【使用jython.jar】
2018/03/29 Python
使用python实现kNN分类算法
2019/10/16 Python
在keras 中获取张量 tensor 的维度大小实例
2020/06/10 Python
python绘制汉诺塔
2021/03/01 Python
党的群众路线教育实践活动公开承诺书
2014/03/28 职场文书
课外活动总结范文
2014/07/09 职场文书
法定代表人身份证明书
2014/09/10 职场文书
vue.js Router中嵌套路由的实用示例
2021/06/27 Vue.js
解决Springboot PostMapping无法获取数据的问题
2022/05/06 Java/Android
如何让你的Nginx支持分布式追踪详解
2022/07/07 Servers