解决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 相关文章推荐
硬盘浏览程序,保存成网页格式便可使用
Dec 03 Javascript
js 实现无缝滚动 兼容IE和FF
Jul 15 Javascript
js中关于new Object时传参的一些细节分析
Mar 13 Javascript
js window对象属性和方法相关资料整理
Nov 11 Javascript
jQuery实现三级联动效果
Mar 02 Javascript
vue实现表格增删改查效果的实例代码
Jul 18 Javascript
浅谈React高阶组件
Mar 28 Javascript
ES6之模版字符串的具体使用
May 17 Javascript
微信小程序实现循环动画效果
Jul 16 Javascript
微信小程序之事件交互操作实例分析
Dec 03 Javascript
Jquery遍历筛选数组的几种方法和遍历解析json对象,Map()方法详解以及数组中查询某值是否存在
Jan 18 jQuery
IDEA配置jQuery, $符号不再显示黄色波浪线的问题
Oct 09 jQuery
移动端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的list()的一步操作给一组变量进行赋值的使用
2011/05/18 PHP
php实现查询百度google收录情况(示例代码)
2013/08/02 PHP
CodeIgniter框架验证码类库文件与用法示例
2017/03/18 PHP
php批量删除操作(数据访问)
2017/05/23 PHP
Yii2.0使用阿里云OSS的SDK上传图片、下载、删除图片示例
2017/09/20 PHP
PHP空值检测函数与方法汇总
2017/11/19 PHP
PHP文件类型检查及fileinfo模块安装使用详解
2019/05/09 PHP
JavaScript 设计模式之组合模式解析
2010/04/09 Javascript
Prototype源码浅析 String部分(一)之有关indexOf优化
2012/01/15 Javascript
JavaScript中的关键字&quot;VAR&quot;使用详解 分享
2013/07/31 Javascript
javascript正则匹配汉字、数字、字母、下划线
2014/04/10 Javascript
jQuery实现商品活动倒计时
2015/10/16 Javascript
EasyUI中在表单提交之前进行验证
2016/07/19 Javascript
微信小程序 动态传参实例详解
2017/04/27 Javascript
jQuery查找dom的几种方法效率详解
2017/05/17 jQuery
label+input实现按钮开关切换效果的实例
2017/08/16 Javascript
Vue Router去掉url中默认的锚点#
2018/08/01 Javascript
jQuery实现当拉动滚动条到底部加载数据的方法分析
2019/01/24 jQuery
webpack实践之DLLPlugin 和 DLLReferencePlugin的使用教程
2019/06/10 Javascript
JS实现页面跳转与刷新的方法汇总
2019/08/30 Javascript
Javascript Dom元素获取和添加详解
2019/09/24 Javascript
vscode+gulp轻松开发小程序的完整步骤
2020/10/18 Javascript
[03:11]不朽宝藏三外观展示
2020/09/18 DOTA
Pandas DataFrame 取一行数据会得到Series的方法
2018/11/10 Python
flask框架单元测试原理与用法实例分析
2019/07/23 Python
解决Pycharm 包已经下载,但是运行代码提示找不到模块的问题
2019/08/31 Python
基于Python实现扑克牌面试题
2019/12/11 Python
python3爬取torrent种子链接实例
2020/01/16 Python
python实现快速文件格式批量转换的方法
2020/10/16 Python
Nike澳大利亚官网:Nike.com (AU)
2019/06/03 全球购物
Bibloo罗马尼亚网站:女装、男装、童装及鞋子和配饰
2019/07/20 全球购物
英国高街奥特莱斯:Highstreet Outlet
2019/11/21 全球购物
进程的查看和调度分别使用什么命令
2013/12/14 面试题
四年级下册教学反思
2014/02/01 职场文书
关于安全的广播稿
2014/10/23 职场文书
python自动化操作之动态验证码、滑动验证码的降噪和识别
2021/08/30 Python