解决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 相关文章推荐
非常有用的40款jQuery 插件推荐(系列二)
Dec 25 Javascript
js判断IE浏览器版本过低示例代码
Nov 22 Javascript
js星星评分效果
Jul 24 Javascript
Node.js中的事件驱动编程详解
Aug 16 Javascript
js控制网页前进和后退的方法
Jun 08 Javascript
学习JavaScript正则表达式
Nov 13 Javascript
jQuery simplePage+AJAX plus分页插件用法实例
Feb 17 Javascript
两种js监听滚轮事件的实现方法
May 13 Javascript
深入理解JavaScript定时机制
Oct 27 Javascript
BootStrap3中模态对话框的使用
Jan 06 Javascript
微信小程序 后台登录(非微信账号)实例详解
Mar 31 Javascript
基于Vue.js 2.0实现百度搜索框效果
Dec 28 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
基于curl数据采集之正则处理函数get_matches的使用
2013/04/28 PHP
php实现监听事件
2013/11/06 PHP
经典的带阴影的可拖动的浮动层
2006/06/26 Javascript
ExtJS PropertyGrid中使用Combobox选择值问题
2010/06/13 Javascript
按钮JS复制文本框和表格的代码
2011/04/01 Javascript
javascript 动态修改css样式方法汇总(四种方法)
2015/08/27 Javascript
基于javascript bootstrap实现生日日期联动选择
2016/04/07 Javascript
js输出数据精确到小数点后n位代码
2016/07/02 Javascript
深入理解bootstrap框架之入门准备
2016/10/09 Javascript
原生js轮播(仿慕课网)
2017/02/15 Javascript
基于JavaScript实现全选、不选和反选效果
2017/02/15 Javascript
微信小程序 图片宽度自适应的实现
2017/04/06 Javascript
基于Vue的文字跑马灯组件(npm 组件包)
2017/05/24 Javascript
详解在vue-cli中使用graphql即vue-apollo的用法
2018/09/08 Javascript
仿vue-cli搭建属于自己的脚手架的方法步骤
2019/04/17 Javascript
jquery添加div实现消息聊天框
2020/02/08 jQuery
JavaScript大数相加相乘的实现方法实例
2020/10/18 Javascript
Python创建文件和追加文件内容实例
2014/10/21 Python
Python实现监控程序执行时间并将其写入日志的方法
2015/06/30 Python
Django中的CACHE_BACKEND参数和站点级Cache设置
2015/07/23 Python
Python基础中所出现的异常报错总结
2016/11/19 Python
使用pyecharts在jupyter notebook上绘图
2020/04/23 Python
python爬取淘宝商品详情页数据
2018/02/23 Python
Python将字符串常量转化为变量方法总结
2019/03/17 Python
Python实现的对一个数进行因式分解操作示例
2019/06/27 Python
Python求解正态分布置信区间教程
2019/11/20 Python
Python基础类继承重写实现原理解析
2020/04/03 Python
Python必须了解的35个关键词
2020/07/16 Python
美国摄影爱好者购物网站:Focus Camera
2016/10/21 全球购物
中国领先的专业家电网购平台:国美在线
2016/12/25 全球购物
Sisley法国希思黎美国官方网站:享誉全球的奢华植物美容品牌
2020/06/27 全球购物
中学生团员自我评价分享
2013/12/07 职场文书
班主任高考寄语
2015/02/26 职场文书
《鲸》教学反思
2016/02/23 职场文书
Python获取百度热搜的完整代码
2021/04/07 Python
redis复制有可能碰到的问题汇总
2022/04/03 Redis