解决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 表单之间的数据传递代码
Dec 04 Javascript
jQuery之过滤元素操作小结
Nov 30 Javascript
jQuery的观察者模式详解
Dec 22 Javascript
jQuery中live()方法用法实例
Jan 19 Javascript
JS+CSS实现仿触屏手机拨号盘界面及功能模拟完整实例
May 16 Javascript
JavaScript从0开始构思表情插件
Jul 26 Javascript
bootstrapValidator.min.js表单验证插件
Feb 09 Javascript
使用D3.js制作图表详解
Aug 13 Javascript
vue使用v-if v-show页面闪烁,div闪现的解决方法
Oct 12 Javascript
webpack项目使用eslint建立代码规范实现
May 16 Javascript
VUE DEMO之模拟登录个人中心页面之间数据传值实例
Oct 31 Javascript
Vue将props值实时传递 并可修改的操作
Aug 09 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版(5)
2006/10/09 PHP
php判断数组元素中是否存在某个字符串的方法
2014/06/14 PHP
ThinkPHP3.1新特性之命名范围的使用
2014/06/19 PHP
Apache启动报错No space left on device: AH00023该怎么解决
2015/10/16 PHP
详解Laravel5.6 Passport实现Api接口认证
2018/07/27 PHP
Yii2语言国际化自动配置详解
2018/08/22 PHP
js最简单的拖拽效果实现代码
2010/09/24 Javascript
JavaScript 注册事件代码
2011/01/27 Javascript
stream.js 一个很小、完全独立的Javascript类库
2011/10/28 Javascript
使用jquery实现IE下按backspace相当于返回操作
2014/03/18 Javascript
浏览器中url存储的JavaScript实现
2015/07/07 Javascript
详解基于webpack搭建react运行环境
2017/06/01 Javascript
浅谈Node模块系统及其模式
2017/11/17 Javascript
Angular5给组件本身的标签添加样式class的方法
2018/04/07 Javascript
微信小程序实现打卡日历功能
2020/09/21 Javascript
微信小程序绘制图片发送朋友圈
2019/07/25 Javascript
Vue动态加载图片在跨域时无法显示的问题及解决方法
2020/03/10 Javascript
[48:29]2018DOTA2亚洲邀请赛3月30日 小组赛A组 LGD VS KG
2018/03/31 DOTA
python获取指定目录下所有文件名列表的方法
2015/05/20 Python
python编程开发之类型转换convert实例分析
2015/11/13 Python
Python快速排序算法实例分析
2017/11/29 Python
python实现泊松图像融合
2018/07/26 Python
python多进程实现文件下载传输功能
2018/07/28 Python
Python对象与引用的介绍
2019/01/24 Python
Python 实现两个服务器之间文件的上传方法
2019/02/13 Python
python批量爬取下载抖音视频
2019/06/17 Python
python使用minimax算法实现五子棋
2019/07/29 Python
python pip安装包出现:Failed building wheel for xxx错误的解决
2019/12/25 Python
详解CSS3 Media Queries中媒体属性的使用
2016/02/29 HTML / CSS
JAVA代码查错题
2014/10/10 面试题
师范院校学生自荐信范文
2013/12/27 职场文书
党员2014两会学习心得体会
2014/03/17 职场文书
大学生精神文明先进个人事迹材料
2014/05/02 职场文书
社区党建工作方案
2014/06/10 职场文书
国庆节演讲稿范文2014
2014/09/19 职场文书
Python使用BeautifulSoup4修改网页内容
2022/05/20 Python