解决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 DOM 学习第九章 选取范围的介绍
Feb 19 Javascript
JavaScript中奇葩的假值示例应用
Mar 11 Javascript
JavaScript中的prototype.bind()方法介绍
Apr 04 Javascript
javascript event在FF和IE的兼容传参心得(绝对好用)
Jul 10 Javascript
node.js中的fs.fsyncSync方法使用说明
Dec 15 Javascript
jquery实现带渐变淡入淡出并向右依次展开的多级菜单效果实例
Aug 22 Javascript
超赞的jQuery图片滑块动画特效代码汇总
Jan 25 Javascript
jQuery短信验证倒计时功能实现方法详解
May 25 Javascript
浅析javaScript中的浅拷贝和深拷贝
Feb 15 Javascript
cocos creator Touch事件应用(触控选择多个子节点的实例)
Sep 10 Javascript
Vue.js 使用v-cloak后仍显示变量的解决方法
Nov 19 Javascript
在VUE中实现文件下载并判断状态的方法
Nov 08 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 gd2 上传图片/文字水印/图片水印/等比例缩略图/实现代码
2010/05/15 PHP
PHP中实现汉字转区位码应用源码实例解析
2010/06/14 PHP
解析dedecms空间迁移步骤详解
2013/05/15 PHP
Php无限级栏目分类读取的实现代码
2014/02/19 PHP
让codeigniter与swfupload整合的最佳解决方案
2014/06/12 PHP
采用thinkphp自带方法生成静态html文件详解
2014/06/13 PHP
php use和include区别总结
2019/10/13 PHP
PHP中通过getopt解析GNU C风格命令行选项
2019/11/18 PHP
php使用redis的几种常见操作方式和用法示例
2020/02/20 PHP
Jquery从头学起第四讲 jquery入门教程
2010/08/01 Javascript
javascript父子页面通讯实例详解
2015/07/17 Javascript
js实现的彩色方块飞舞奇幻效果
2016/01/27 Javascript
使用开源工具制作网页验证码的方法
2016/10/17 Javascript
无阻塞加载js,防止因js加载不了影响页面显示的问题
2016/12/18 Javascript
Vue中正确使用jQuery的方法
2017/10/30 jQuery
仿京东快报向上滚动的实例
2017/12/13 Javascript
浅谈手写node可读流之流动模式
2018/06/01 Javascript
vue2.0 + ele的循环表单及验证字段方法
2018/09/18 Javascript
Vue中全局变量的定义和使用
2019/06/05 Javascript
JS操作JSON常用方法(10w阅读)
2020/12/06 Javascript
使用优化器来提升Python程序的执行效率的教程
2015/04/02 Python
pandas值替换方法
2018/07/10 Python
面向初学者的Python编辑器Mu
2018/10/08 Python
python中的单引号双引号区别知识点总结
2019/06/23 Python
对django2.0 关联表的必填on_delete参数的含义解析
2019/08/09 Python
python 通过 pybind11 使用Eigen加速代码的步骤
2020/12/07 Python
详解使用scrapy进行模拟登陆三种方式
2021/02/21 Python
html5 canvas实现跟随鼠标旋转的箭头
2016/03/11 HTML / CSS
通信专业个人自我鉴定
2013/10/21 职场文书
新郎新娘婚礼答谢词
2014/01/11 职场文书
单位刻章介绍信范文
2014/01/11 职场文书
个人事迹材料范文
2014/12/29 职场文书
杜甫草堂导游词
2015/02/03 职场文书
小学科学课教学反思
2016/02/23 职场文书
python基于机器学习预测股票交易信号
2021/05/25 Python
Python编写冷笑话生成器
2022/04/20 Python