解决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 相关文章推荐
当json键为数字时的取值方法解析
Nov 15 Javascript
基于Jquery实现键盘按键监听
May 11 Javascript
Javascript中的异步编程规范Promises/A详细介绍
Jun 06 Javascript
JavaScript中的console.time()函数详细介绍
Dec 29 Javascript
jQuery源码解读之addClass()方法分析
Feb 20 Javascript
12306验证码破解思路分享
Mar 25 Javascript
jquery中cookie用法实例详解(获取,存储,删除等)
Jan 04 Javascript
详解jQuery中基本的动画方法
Dec 14 Javascript
JS实现左边列表移到到右边列表功能
Mar 28 Javascript
详解node Async/Await 更好的异步编程解决方案
May 10 Javascript
详解微信UnionID作用
May 15 Javascript
JavaScript实现横版菜单栏
Mar 17 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
使用Limit参数优化MySQL查询的方法
2008/11/12 PHP
ecshop 批量上传(加入自定义属性)
2012/03/20 PHP
PHP随机字符串生成代码(包括大小写字母)
2013/06/24 PHP
FastCGI 进程意外退出造成500错误
2015/07/26 PHP
thinkphp5 加载静态资源路径与常量的方法
2017/12/24 PHP
tp5.0框架隐藏index.php入口文件及模块和控制器的方法分析
2020/02/11 PHP
jquery清空表单数据示例分享
2014/02/13 Javascript
jQuery中hasClass()方法用法实例
2015/01/06 Javascript
jQuery 回调函数(callback)的使用和基础
2015/02/26 Javascript
逐一介绍Jquery data()、Jquery stop()、jquery delay()函数(详)
2015/11/04 Javascript
jQuery插件Flexslider实现图片轮播、图文结合滑动切换效果
2020/04/16 Javascript
值得分享的JavaScript实现图片轮播组件
2016/11/21 Javascript
jQuery实现的简单拖动层示例
2017/02/22 Javascript
angular.js + require.js构建模块化单页面应用的方法步骤
2017/07/19 Javascript
老生常谈js中的MVC
2017/07/25 Javascript
详解Vue-cli webpack移动端自动化构建rem问题
2018/04/07 Javascript
vue 获取视频时长的实例代码
2019/08/20 Javascript
Vue中使用matomo进行访问流量统计的实现
2019/11/05 Javascript
详解JavaScript中分解数字的三种方法
2021/01/05 Javascript
Python  连接字符串(join %)
2008/09/06 Python
Python版微信红包分配算法
2015/05/04 Python
python3 shelve模块的详解
2017/07/08 Python
Python全栈之列表数据类型详解
2019/10/01 Python
python3实现elasticsearch批量更新数据
2019/12/03 Python
Django中modelform组件实例用法总结
2020/02/10 Python
Python爬虫如何应对Cloudflare邮箱加密
2020/06/24 Python
Ratchet 模态框的实现
2020/08/19 HTML / CSS
聘用意向书范本
2014/04/01 职场文书
防灾减灾活动总结
2014/08/30 职场文书
专题民主生活会对照检查材料思想汇报
2014/09/29 职场文书
电影开国大典观后感
2015/06/04 职场文书
工作后的感想
2015/08/07 职场文书
2016党员发展对象培训心得体会
2016/01/08 职场文书
《植树问题》教学反思
2016/03/03 职场文书
JavaScript原始值与包装对象的详细介绍
2021/05/11 Javascript
Redis性能监控的实现
2021/07/09 Redis