博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
取消选中单选框radio的三种方式
阅读量:6533 次
发布时间:2019-06-24

本文共 1665 字,大约阅读时间需要 5 分钟。

hot3.png

本文提供了三种取消选中radio的方式,代码示例如下:

本文依赖于jQuery,其中第一种,第二种方式是使用jQuery实现的,第三种方式是基于JS和DOM实现的。

         单选按钮取消选中的三种方式    
        
      $(function(){          //          var $browsers = $("input[name=browser]");          var $cancel = $("#cancel");          var $byhide = $("#byhide");          var $remove = $("#remove");          //          $cancel.click(function(e){              // 移除属性,两种方式都可              //$browsers.removeAttr("checked");              $browsers.attr("checked",false);          });          //          $byhide.click(function(e){              // 切换到一个隐藏域,两种方式均可              //$("#hidebrowser").attr("checked",true);              $("#hidebrowser").attr("checked","checked");          });          //          $remove.click(function(e){              // 直接去的DOM元素,移除属性              // 如果不使用jQuery,则可以移植此方式              var checkedbrowser=document.getElementsByName("browser");              /*              $.each(checkedbrowser, function(i,v){                  v.checked = false;                  v.removeAttribute("checked");              });              */              //              var len = checkedbrowser.length;              var i = 0;              for(; i < len; i++){                  // 必须先赋值为false,再移除属性                  checkedbrowser[i].checked = false;                  // 不移除属性也可以                  //checkedbrowser[i].removeAttribute("checked");              }            });      });                

您喜欢哪款浏览器?

    
  
  
Internet Explorer
  
Firefox
  
Netscape
  
Opera
  
  
  
  
         

转载于:https://my.oschina.net/u/2480675/blog/522598

你可能感兴趣的文章
Zeit.co 免费服务器平台
查看>>
java springboot b2b2c shop 多用户商城系统源码-Spring Cloud Hystrix依赖隔离
查看>>
centos7使用kubeadm安装k8s集群
查看>>
datatable实例教程
查看>>
Laravel 用户权限管理
查看>>
“寻梦之路 阿里之行”北城大数据学院学生代表团赴北京阿里中心参观
查看>>
依赖注入框架 InversifyJS
查看>>
Django分页、模板继承
查看>>
pt-tools系列:pt-online-schema-change 最佳实践
查看>>
用python怎样实现接口测试
查看>>
活在台积电的阴影下
查看>>
带动画的登录页面
查看>>
Unity3dShader边缘发光效果
查看>>
Disruptor - 介绍(1)
查看>>
性能测试工具操作数据库(三)-Jmeter与Mysql
查看>>
µWebSockets:一种WebSocket服务器实现
查看>>
Linux基础命令---mkisofs
查看>>
个性化注册表单
查看>>
gevent爬取豆瓣电影top250
查看>>
兄弟连区块链教程区块链背后的信息安全2DES、3DES加密算法原理二
查看>>