解决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 相关文章推荐
Ext对基本类型的扩展 ext,extjs,format
Dec 25 Javascript
DOM基础教程之模型中的模型节点
Jan 19 Javascript
javascript运动框架用法实例分析(实现放大与缩小效果)
Jan 08 Javascript
javascript插件开发的一些感想和心得
Feb 28 Javascript
bootstrap-wysiwyg结合ajax实现图片上传实时刷新功能
May 27 Javascript
基于BootStrap环境写jQuery tabs插件
Jul 12 Javascript
js实现html table 行,列锁定的简单实例
Oct 13 Javascript
你不知道的 javascript【推荐】
Jan 08 Javascript
ES6中数组array新增方法实例总结
Nov 07 Javascript
使用webpack编译es6代码的方法步骤
Apr 28 Javascript
vue拖拽组件 vuedraggable API options实现盒子之间相互拖拽排序
Jul 08 Javascript
Vue 解决路由过渡动画抖动问题(实例详解)
Jan 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
自制汽车收音机天线:收听广播的技巧和方法
2021/03/02 无线电
PHP统计目录下的文件总数及代码行数(去除注释及空行)
2011/01/17 PHP
php中inlcude()性能对比详解
2012/09/16 PHP
php中instanceof 与 is_a()区别分析
2015/03/03 PHP
PHP中addslashes与mysql_escape_string的区别分析
2016/04/25 PHP
php设计模式之组合模式实例详解【星际争霸游戏案例】
2020/03/27 PHP
PHP连接MySQL数据库操作代码实例解析
2020/07/11 PHP
jquery.lazyload  实现图片延迟加载jquery插件
2010/02/06 Javascript
Jquery.TreeView结合ASP.Net和数据库生成菜单导航条
2010/08/27 Javascript
分享20款好玩的jQuery游戏
2011/04/17 Javascript
js点击button按钮跳转到另一个新页面
2014/10/10 Javascript
JavaScript函数详解
2014/11/17 Javascript
利用JavaScript脚本实现滚屏效果的方法
2015/07/07 Javascript
JavaScript多并发问题如何处理
2015/10/28 Javascript
Bootstrap表单布局样式源代码
2016/07/04 Javascript
mui上拉加载功能实例详解
2017/04/13 Javascript
jquery实现提示语淡入效果
2017/05/05 jQuery
本地搭建微信小程序服务器的实现方法
2017/10/27 Javascript
jQuery判断网页是否已经滚动到浏览器底部的实现方法
2017/10/27 jQuery
vue2.0获取鼠标位置的方法
2018/09/13 Javascript
Vue监听一个数组id是否与另一个数组id相同的方法
2018/09/26 Javascript
JavaScript的一些小技巧分享
2021/01/06 Javascript
py2exe 编译ico图标的代码
2013/03/08 Python
python 统计代码行数简单实例
2017/05/04 Python
python 环境搭建 及python-3.4.4的下载和安装过程
2019/07/20 Python
Python reduce函数作用及实例解析
2020/05/08 Python
俄罗斯电子产品在线商店:UltraTrade
2020/01/30 全球购物
优秀小学生家长评语
2014/01/30 职场文书
大学生实习鉴定评语
2014/04/25 职场文书
心理健康日活动总结
2014/05/08 职场文书
学习党的群众路线实践活动思想汇报
2014/09/12 职场文书
民警个人对照检查剖析材料
2014/09/17 职场文书
2015年教师个人业务工作总结
2015/10/23 职场文书
Python基础之条件语句详解
2021/06/16 Python
opencv-python图像配准(匹配和叠加)的实现
2021/06/23 Python
Python中文纠错的简单实现
2021/07/07 Python