解决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 相关文章推荐
MyEclipse取消验证Js的两种方法
Nov 14 Javascript
JS动态改变表格边框宽度的方法
Mar 31 Javascript
JavaScript原生xmlHttp与jquery的ajax方法json数据格式实例
Dec 04 Javascript
jQuery模拟360浏览器切屏效果幻灯片(附demo源码下载)
Jan 29 Javascript
JavaScript获取短信验证码(周期性)
Dec 29 Javascript
Node.js通过身份证号验证年龄、出生日期与性别方法示例
Mar 09 Javascript
在vue中添加Echarts图表的基本使用教程
Nov 22 Javascript
Angular5.1新功能分享
Dec 21 Javascript
JS实现为动态添加的元素增加事件功能示例【基于事件委托】
Mar 21 Javascript
解决layer弹出层的内容页点击按钮跳转到新的页面问题
Sep 14 Javascript
用Node写一条配置环境的指令
Nov 14 Javascript
JS实现的雪花飘落特效示例
Dec 03 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/03 冲泡冲煮
php数组操作之键名比较与差集、交集赋值的方法
2014/11/10 PHP
php模仿asp Application对象在线人数统计实现方法
2015/01/04 PHP
PHP在innodb引擎下快速代建全文搜索功能简明教程【基于xunsearch】
2016/10/14 PHP
浅谈Laravel中的三种中间件的作用
2019/10/13 PHP
jquery ready()的几种实现方法小结
2010/06/18 Javascript
js中字符替换函数String.replace()使用技巧
2011/08/14 Javascript
javascript中的作用域和上下文使用简要概述
2013/12/05 Javascript
node.js中的http.response.writeHead方法使用说明
2014/12/14 Javascript
JQuery鼠标移到小图显示大图效果的方法
2015/06/10 Javascript
浅析jquery unbind()方法移除元素绑定的事件
2016/05/24 Javascript
基于vue2.0+vuex的日期选择组件功能实现
2017/03/13 Javascript
JavaScript动态加载重复绑定问题
2018/04/01 Javascript
微信小程序http连接访问解决方案的示例
2018/11/05 Javascript
详细讲解如何创建, 发布自己的 Vue UI 组件库
2019/05/29 Javascript
js模拟实现百度搜索
2020/06/28 Javascript
vue配置多代理服务接口地址操作
2020/09/08 Javascript
通过滑动翻页效果实现和移动端click事件问题
2021/01/26 Javascript
[03:21]辉夜杯主赛事 12月25日TOP5
2015/12/26 DOTA
python创建一个最简单http webserver服务器的方法
2015/05/08 Python
Python探索之ModelForm代码详解
2017/10/26 Python
基于Python中单例模式的几种实现方式及优化详解
2018/01/09 Python
python实现图书馆研习室自动预约功能
2018/04/27 Python
Python多继承顺序实例分析
2018/05/26 Python
详解Python 中sys.stdin.readline()的用法
2019/09/12 Python
python+selenium+PhantomJS抓取网页动态加载内容
2020/02/25 Python
js实现移动端H5页面手指滑动刻度尺功能
2017/11/16 HTML / CSS
JD Sports西班牙:英国领先的运动服装公司
2020/01/06 全球购物
校园自助餐厅的创业计划书
2013/12/26 职场文书
销售总经理岗位职责
2014/03/15 职场文书
法人代表任命书范本
2014/06/05 职场文书
党员群众路线教育实践活动学习笔记
2014/11/05 职场文书
企业员工辞职信范文
2015/05/12 职场文书
2016年六一文艺汇演开幕词
2016/03/04 职场文书
关于vue中如何监听数组变化
2021/04/28 Vue.js
介绍一下28个JS常用数组方法
2022/05/06 Javascript