解决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 相关文章推荐
JQuery在光标位置插入内容的实现代码
Jun 18 Javascript
JQuery的Validation插件中Remote验证的中文问题
Jul 26 Javascript
如何使用Jquery获取Form表单中被选中的radio值
Aug 09 Javascript
$.each与$().each的区别示例介绍
Mar 20 Javascript
JavaScript中的全局对象介绍
Jan 01 Javascript
JavaScript的String字符串对象常用操作总结
May 26 Javascript
Javascript基础学习笔记(菜鸟必看篇)
Jul 22 Javascript
ionic2懒加载配置详解
Sep 01 Javascript
js合并两个数组生成合并后的key:value数组
May 09 Javascript
微信小程序websocket聊天室的实现示例代码
Feb 12 Javascript
js实现图片无缝循环轮播
Oct 28 Javascript
JavaScript事件的委托(代理)的用法示例详解
Feb 18 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 缩略图实现函数代码
2011/06/23 PHP
PHP运行SVN命令显示某用户的文件更新记录的代码
2014/01/03 PHP
PHP crypt()函数的用法讲解
2019/02/15 PHP
PHP使用mysqli同时执行多条sql查询语句的实例
2019/03/22 PHP
JS解密入门 最终变量劫持
2008/06/25 Javascript
javascript Prototype 对象扩展
2009/05/15 Javascript
javascript自适应宽度的瀑布流实现思路
2013/02/20 Javascript
使用jQuery实现更改默认alert框体
2015/04/13 Javascript
jQuery实现带分组数据的Table表头排序实例分析
2015/11/24 Javascript
jquery自定义右键菜单、全选、不连续选择
2016/03/01 Javascript
jQuery+CSS实现一个侧滑导航菜单代码
2016/05/09 Javascript
完美实现八种js焦点轮播图(下篇)
2020/04/20 Javascript
解决Window10系统下Node安装报错的问题分析
2016/12/13 Javascript
微信小程序实现tab切换效果
2017/11/21 Javascript
vue实现登录后页面跳转到之前页面
2018/01/07 Javascript
JS实现统计字符串中字符出现个数及最大个数功能示例
2018/06/04 Javascript
JS实现获取当前所在周的周六、周日示例分析
2019/05/11 Javascript
《javascript设计模式》学习笔记七:Javascript面向对象程序设计组合模式详解
2020/04/08 Javascript
详细分析React 表单与事件
2020/07/08 Javascript
Jquery $.map使用方法实例详解
2020/09/01 jQuery
在Python 不同级目录之间模块的调用方法
2019/01/19 Python
详解Python3注释知识点
2019/02/19 Python
Python通过cv2读取多个USB摄像头
2019/08/28 Python
Python-jenkins 获取job构建信息方式
2020/05/12 Python
python 三种方法实现对Excel表格的读写
2020/11/19 Python
美国经典刺绣和字母儿童服装特卖:Smocked Auctions
2018/07/16 全球购物
公司业务主管岗位职责
2013/12/07 职场文书
初二物理教学反思
2014/01/29 职场文书
科学发展观活动总结
2014/08/28 职场文书
小学生国庆节演讲稿
2014/09/05 职场文书
党员组织生活会发言材料
2014/10/17 职场文书
化工见习报告范文
2014/10/31 职场文书
2014年生产管理工作总结
2014/12/23 职场文书
pytorch加载预训练模型与自己模型不匹配的解决方案
2021/05/13 Python
Python 居然可以在 Excel 中画画你知道吗
2022/02/15 Python
Vue中使用import进行路由懒加载的原理分析
2022/04/01 Vue.js