解决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 相关文章推荐
JS操作select下拉框动态变动(创建/删除/获取)
Jun 02 Javascript
Jquery chosen动态设置值实例介绍
Aug 08 Javascript
如何在父窗口中得知window.open()出的子窗口关闭事件
Oct 15 Javascript
使用POST方式弹出窗口的两种方法示例介绍
Jan 29 Javascript
微信小程序 石头剪刀布实例代码
Jan 04 Javascript
angularjs中的$eval方法详解
Apr 24 Javascript
BootStrap Fileinput上传插件使用实例代码
Jul 28 Javascript
jQuery使用bind函数实现绑定多个事件的方法
Oct 11 jQuery
node.js支持多用户web终端实现及安全方案
Nov 29 Javascript
浅谈mvvm-simple双向绑定简单实现
Apr 18 Javascript
jquery 动态遍历select 赋值的实例
Sep 12 jQuery
vue项目或网页上实现文字转换成语音播放功能
Jun 09 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中数组的分组排序实例
2014/06/01 PHP
自制PHP框架之路由与控制器
2017/05/07 PHP
javaScript Array(数组)相关方法简述
2009/07/25 Javascript
Extjs TriggerField在弹出窗口显示不出问题的解决方法
2010/01/08 Javascript
JQuery 技巧和窍门整理(8个)
2010/04/22 Javascript
把jQuery的类、插件封装成seajs的模块的方法
2014/03/12 Javascript
JavaScript数组去重由慢到快由繁到简(优化篇)
2016/08/26 Javascript
JS中setTimeout和setInterval的最大延时值详解
2017/02/13 Javascript
vue-router 导航钩子的具体使用方法
2017/08/31 Javascript
jQuery获取所有父级元素及同级元素及子元素的方法(推荐)
2018/01/21 jQuery
Vue Element使用icon图标教程详解(第三方)
2018/02/07 Javascript
JS和Canvas实现图片的预览压缩和上传功能
2018/03/30 Javascript
使用react context 实现vue插槽slot功能
2019/07/18 Javascript
jQuery 筛选器简单操作示例
2019/10/02 jQuery
[04:48]DOTA2上海特锦赛小组赛第三日 TOP10精彩集锦
2016/02/28 DOTA
使用python实现拉钩网上的FizzBuzzWhizz问题示例
2014/05/05 Python
Python3写入文件常用方法实例分析
2015/05/22 Python
Python实现控制台输入密码的方法
2015/05/29 Python
java中两个byte数组实现合并的示例
2018/05/09 Python
python批量识别图片指定区域文字内容
2019/04/30 Python
python中update的基本使用方法详解
2019/07/17 Python
Python GUI库PyQt5图形和特效样式QSS介绍
2020/02/25 Python
pymysql之cur.fetchall() 和cur.fetchone()用法详解
2020/05/15 Python
python上下文管理器异常问题解决方法
2021/02/07 Python
css3的transition效果和transfor效果示例介绍
2013/10/30 HTML / CSS
css3翻牌翻数字的示例代码
2020/02/07 HTML / CSS
详解html2canvas截图不能截取圆角图片的解决方案
2018/01/30 HTML / CSS
全球最大的生存食品、水和装备专用在线市场:BePrepared.com
2020/01/02 全球购物
解释下列WebService名词:WSDL、SOAP、UDDI
2012/06/22 面试题
物流专业大学生求职信范文
2013/10/28 职场文书
小学生母亲节演讲稿
2014/05/07 职场文书
清洁工个人工作总结
2015/03/05 职场文书
广播体操比赛主持词
2015/06/29 职场文书
运动会新闻报道稿
2015/07/22 职场文书
pycharm安装深度学习pytorch的d2l包失败问题解决
2022/03/25 Python
Win10本地连接不见了怎么恢复? win10系统电脑本地连接不见了解决方法
2023/01/09 数码科技