解决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 相关文章推荐
JavaScript 实现??打印?理
Apr 28 Javascript
javascript中的document.open()方法使用介绍
Oct 09 Javascript
jquery ajax实现下拉框三级无刷新联动,且保存保持选中值状态
Oct 29 Javascript
javascript操作select元素实例分析
Mar 27 Javascript
js简单实现标签云效果实例
Aug 06 Javascript
jQuery实现的简单拖拽功能示例
Sep 13 Javascript
vue实现点击图片放大效果
Aug 15 Javascript
VsCode插件整理(小结)
Sep 14 Javascript
Node实战之不同环境下配置文件使用教程
Jan 02 Javascript
vuejs+element UI table表格中实现禁用部分复选框的方法
Sep 20 Javascript
es6中new.target的作用和使用场景简单示例分析
Mar 14 Javascript
解决vue加scoped后就无法修改vant的UI组件的样式问题
Sep 07 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/05/16 PHP
php fsockopen中多线程问题的解决办法[翻译]
2011/11/09 PHP
php内嵌函数用法实例
2015/03/20 PHP
php用户登录之cookie信息安全分析
2016/05/13 PHP
Thinkphp框架开发移动端接口(2)
2016/08/18 PHP
解决Yii2邮件发送结果返回成功,但接收不到邮件的问题
2017/05/23 PHP
Laravel框架中Blade模板的用法示例
2017/08/30 PHP
php curl简单采集图片生成base64编码(并附curl函数参数说明)
2019/02/15 PHP
用 javascript 实现的点击复制代码
2007/03/24 Javascript
javascript针对DOM的应用分析(四)
2012/04/15 Javascript
JavaScript实现的MD5算法完整实例
2016/02/02 Javascript
jquery form表单获取内容以及绑定数据
2016/02/24 Javascript
JS实现鼠标滑过显示边框的菜单效果
2016/09/21 Javascript
AngularJS指令与控制器之间的交互功能示例
2016/12/14 Javascript
微信小程序 scroll-view组件实现列表页实例代码
2016/12/14 Javascript
微信小程序 JS动态修改样式的实现代码
2017/02/10 Javascript
javascript图片预览和上传(兼容IE)
2017/03/15 Javascript
移动端效果之IndexList详解
2017/10/20 Javascript
JS加密插件CryptoJS实现的Base64加密示例
2020/08/16 Javascript
小程序简单两栏瀑布流效果的实现
2019/12/18 Javascript
深入了解Vue.js 混入(mixins)
2020/07/23 Javascript
Python isinstance函数介绍
2015/04/14 Python
python登录pop3邮件服务器接收邮件的方法
2015/04/30 Python
Python开发中爬虫使用代理proxy抓取网页的方法示例
2017/09/26 Python
python实战串口助手_解决8串口多个发送的问题
2019/06/12 Python
TensorFlow:将ckpt文件固化成pb文件教程
2020/02/11 Python
pytorch读取图像数据转成opencv格式实例
2020/06/02 Python
Python基于字典实现switch case函数调用
2020/07/22 Python
Python爬取豆瓣数据实现过程解析
2020/10/27 Python
python爬取天气数据的实例详解
2020/11/20 Python
香港太阳眼镜网上商店:SmartBuyGlasses香港
2016/07/22 全球购物
图库照片、免版税图片、矢量艺术、视频片段:Depositphotos
2019/08/02 全球购物
办公室综合文员岗位职责范本
2014/02/13 职场文书
农业项目建议书
2014/08/25 职场文书
放飞梦想演讲稿800字
2014/08/26 职场文书
2015年党风廉政承诺书
2015/01/22 职场文书