解决jquery实现的radio重新选中的问题
<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; //选中第二个
测试是可以的。能选中,且页面能显示正确。
以上所述就是本文的全部内容,希望大家能够喜欢。
相关推荐
-
使用jQuery获取radio/checkbox组的值的代码收集
复制代码 代码如下: <!-- $("document").ready(function(){ $("#btn1").click(function(){ $("[name='checkbox']").attr("checked",'true');//全选 }) $("#btn2").click(function(){ $("[name='checkbox']").removeAtt
-
JQuery控制radio选中和不选中方法总结
一.设置选中方法 复制代码 代码如下: $("input[name='名字']").get(0).checked=true; $("input[name='名字']").attr('checked','true'); $("input[name='名字']:eq(0)").attr("checked",'checked'); $("input[name='radio_name'][checked]").va
-
利用jquery操作Radio方法小结
在开发中经常会用到Radio来实现用户的选择效果,我在项目中积累了一些利用JQUERY来操作Radio的方法,在这里分享一下,供有需要的朋友借鉴. 1.改变radio的选择,触发一些效果 复制代码 代码如下: $("input:radio[name='dialCheckResult']").change(function (){ //拨通 alert("123"); }); 2.让页面中所有的radio可用. $("input:radio").a
-
jquery单选框radio绑定click事件实现方法
本文实例讲述了jquery单选框radio绑定click事件实现方法.分享给大家供大家参考. 具体实现方法如下: 复制代码 代码如下: <html> <head> <title>单选框radio绑定click事件</title> <meta http-equiv="content-type" content="text/html;charset=utf-8" /> <script type="
-
Jquery选中或取消radio示例
JQuery获取选中的radio $('input:radio[name="sex"]:checked') Jquery选中或取消radio $("#tradeType0").attr("checked","checked"); $("#tradeType1").attr("checked",false);
-
jQuery中的RadioButton,input,CheckBox取值赋值实现代码
1.jquery 获取单选组radio$("input[name='name']:checked").val(); 2.jquery获取radiobutton的下一个值$("input[name='name']:checked").next().text()$("input[name='name']:checked").val() 3.jquery 获取input的值$('#id').val() 4.jquery判断多选框checkbox$(&q
-
jquery判断单选按钮radio是否选中的方法
本文实例讲述了jquery判断单选按钮radio是否选中的方法.分享给大家供大家参考.具体如下: html代码如下: <input type="radio" id="d1" name="ra" value="a" checked="checked" /> <input type="radio" id="d2" name="ra"
-
JQuery触发radio或checkbox的change事件
早上要做一功能,checkbox被选中时,显示隐藏的层,取消选中时,再隐藏选中的层. 初始代码如下: 复制代码 代码如下: $(function(){ $("#ischange").change(function() { alert("checked"); }); }); 捣腾了半天,竟然一点反应都没有.百度了下,有高人指出上面几行代码在Firefox等浏览器中可以正常运行,即你选中复选框或取消复选框都会弹出一个对话框,但是在IE中却不会正常执行,即选中或取消复选框
-
jquery获取radio值(单选组radio)
单选组radio: $("input[@type=radio][@checked]").val(); 单选组radio: $("input[@type=radio]").attr("checked",'2');//设置value=2的项目为当前选中项 获取一组radio被选中项的值 var item = $('input[@name=items][@checked]').val(); radio单选组的第二个元素为当前选中值 $('input[@
-
Jquery中的CheckBox、RadioButton、DropDownList的取值赋值实现代码
由于Jquery的版本更新很快,代码的写法也改变了许多,以下Jquery代码适query1.4版本以上Radio 1.获取选中值,三种方法都可以: $('input:radio:checked').val(): $("input[type='radio']:checked").val(); $("input[name='rd']:checked").val(); 2.设置第一个Radio为选中值: $('input:radio:first').attr('check
随机推荐
- php序列化函数serialize() 和 unserialize() 与原生函数对比
- 微信应用号(小程序)入门安装教程及IDE(破解版)下载
- EF 配置Oracle数据库的具体操作方法
- MongoDB单表数据的导出和恢复实例讲解
- Visual Studio 2010崩溃重启问题(源文件编译崩溃)
- 微信小程序 wxapp导航 navigator详解
- php array_walk 对数组中的每个元素应用用户自定义函数详解
- 深入学习Python中的上下文管理器与else块
- Android开发之开发者头条(一)启动页实现
- bootstrap table表格使用方法详解
- java 截取字符串(判断汉字)
- MongoDB数据库文档操作方法(必看篇)
- jQuery滚动插件scrollable.js用法分析
- JavaScript高级程序设计 阅读笔记(二十一) JavaScript中的XML
- 两种WEB下的模态对话框 (asp.net或js的分别实现)
- Android编程实现activity dialog透明背景的方法
- C#实现获取运行平台系统信息的方法
- php生成随机颜色的方法
- 思科路由器防御DDOS
- 网络路由技术及运用3