解决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 相关文章推荐
[IE&amp;FireFox兼容]JS对select操作
Jan 07 Javascript
基于jquery的回到页面顶部按钮
Jun 27 Javascript
新浪微博字数统计 textarea字数统计实现代码
Aug 28 Javascript
JQuery弹出层示例可自定义
May 19 Javascript
四种参数传递的形式——URL,超链接,js,form表单
Jul 24 Javascript
jquery捕捉回车键及获取checkbox值与异步请求的方法
Dec 24 Javascript
结合代码图文讲解JavaScript中的作用域与作用域链
Jul 05 Javascript
JS 调试中常见的报错问题解决方法
May 20 Javascript
微信小程序实现点击按钮修改view标签背景颜色功能示例【附demo源码下载】
Dec 06 Javascript
JavaScript实现的简单Tab点击切换功能示例
Jul 06 Javascript
json字符串传到前台input的方法
Aug 06 Javascript
extjs图形绘制之饼图实现方法分析
Mar 06 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
php4的session功能评述(一)
2006/10/09 PHP
PHP传参之传值与传址的区别
2015/04/24 PHP
PHP JWT初识及其简单示例
2018/10/10 PHP
Windows平台PHP+IECapt实现网页批量截图并创建缩略图功能详解
2019/08/02 PHP
php设计模式之正面模式实例分析【星际争霸游戏案例】
2020/03/24 PHP
JavaScript性能优化 创建文档碎片(document.createDocumentFragment)
2010/07/13 Javascript
JQuery+JS实现仿百度搜索结果中关键字变色效果
2011/08/02 Javascript
jquery 插件学习(五)
2012/08/06 Javascript
JavaScript 参数中的数组展开 [译]
2012/09/21 Javascript
JS分页效果示例
2013/10/11 Javascript
JavaScript控制网页层收起和展开效果的方法
2015/04/15 Javascript
js实现按钮颜色渐变动画效果
2015/08/20 Javascript
JS实现的表格行鼠标点击高亮效果代码
2015/11/27 Javascript
浅谈javascript基础之客户端事件驱动
2016/06/10 Javascript
关于动态生成dom绑定事件失效的原因及解决方法
2016/08/06 Javascript
微信小程序  wx.request合法域名配置详解
2016/11/23 Javascript
jQuery实现Table表格隔行变色及高亮显示当前选择行效果示例
2017/02/14 Javascript
原生JavaScript来实现对dom元素class的操作方法(推荐)
2017/08/16 Javascript
Spring Boot/VUE中路由传递参数的实现代码
2018/03/02 Javascript
vue 列表页跳转详情页获取id以及详情页通过id获取数据
2019/03/27 Javascript
如何利用Node.js与JSON搭建简单的动态服务器
2020/06/16 Javascript
学习python的几条建议分享
2013/02/10 Python
Python import用法以及与from...import的区别
2015/05/28 Python
python使用TensorFlow进行图像处理的方法
2018/02/28 Python
Python实现定期检查源目录与备份目录的差异并进行备份功能示例
2019/02/27 Python
使用django的objects.filter()方法匹配多个关键字的方法
2019/07/18 Python
python取均匀不重复的随机数方式
2019/11/27 Python
CSS3 实现发光边框特效
2020/11/11 HTML / CSS
美国顶级防滑鞋:Shoes For Crews
2017/03/27 全球购物
英语专业毕业生自荐信范文
2013/12/31 职场文书
如何写好升职自荐信
2014/01/06 职场文书
园林技术个人的自我评价
2014/01/08 职场文书
《雨霖铃》教学反思
2014/02/22 职场文书
安全生产责任书范本
2014/04/15 职场文书
2014年党员自我评议(5篇)
2014/09/12 职场文书
Python实战之用tkinter库做一个鼠标模拟点击器
2021/04/27 Python