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

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

HTML>

单选按钮取消选中的三种方式

$(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

// 必须先赋值为false,再移除属性

checkedbrowser[i].checked = false;

// 不移除属性也可以

//checkedbrowser[i].removeAttribute("checked");

}

});

});

您喜欢哪款浏览器?

Internet Explorer

Firefox

Netscape

Opera

php单选框点击取消,取消选中单选框radio的三种方式相关推荐

  1. 取消选中单选框radio的三种方式

    作者: 铁锚 日期: 2013年12月21日 本文提供了三种取消选中radio的方式,代码示例如下: 本文依赖于jQuery,其中第一种,第二种方式是使用jQuery实现的,第三种方式是基于JS和DO ...

  2. python点击按钮创建进程_python-创建进程的三种方式

    1,os.fork() 方法 import os ret = os.fork() if ret == 0: #子进程 print("Sub process pid = %d, Sub pro ...

  3. 设置word只读模式的三种方式,分别如何取消只读模式?

    word文件可以设置只读模式,但是设置只读模式的方法不止有一种,今天和大家分享三种方式: 方式一: 这种只读模式仅起到提示功能,只是在打开文件时提示他人作者希望以只读方式打开,但是打开文件之后,我们还 ...

  4. Vue项目点击刷新页面的三种方式

    Vue项目点击刷新页面的三种方式 一.原生js刷新方式: location.reload(); 二.Vue框架自带的路由跳转方式: this.$router.go(0); 三.在App.vue页面声明 ...

  5. 元素隐藏的三种方式对比(针对移动端项目中的按钮,先隐藏且不能被点击 visibility:hidden)

    元素隐藏的三种方式对比 display:none opacity:0 visibility:hidden 项目需求 表面一个图片遮罩,鼠标hover遮罩消失,内部元素展现,其中有一个按钮在移动端是手指 ...

  6. [js]绑定点击事件的三种方式

    绑定点击事件的三种方式 使用 onclick 属性(不推荐) <!doctype html> <html lang="en"> <head>&l ...

  7. js中弹框的三种方式

    alert(),confirm(),prompt()三种弹框的区别 JS中有三种弹框,主要是window的方法来实现与用户交互. 下面我们看一下他们的具体样子和区别 1.alert()警告框 主要是通 ...

  8. 恢复系统设置或计算机无法点击进入,windows7电脑恢复出厂设置的三种方法

    ‍ ‍ win7旗舰版电脑在使用一段时间后,难免会出现卡顿,或者中毒的现象.由于各种问题,希望将电脑恢复出厂设置,那么win7电脑要怎么恢复出厂设置呢?下面跟着小编学习windows7电脑恢复出厂设置 ...

  9. html获取此次点击的id,github项目解析(八)--Activity启动过程中获取组件宽高的三种方式...

    转载请标明出处:1片枫叶的专栏 上1个github小项目中我们介绍了避免按钮重复点击的小框架,其实现的核心逻辑是重写OnClickListener的onClick方法,添加避免重复点击的逻辑,即为第2 ...

最新文章

  1. 由parseInt 引发的问题---想到浮点运算精度丢失---看透js number 的 encoded
  2. 计算机网络的组成相关,计算机网络的组成
  3. 礼物(中国剩余定理+拓展gcd求逆元+分治=拓展Lucus)
  4. python动态显示数据_python中plot实现即时数据动态显示方法
  5. class对象和class文件_Class文件格式
  6. pandas python groupby_python – pandas groupby方法实际上是如何工作的?
  7. 命令行管理sql server
  8. 你不可不知道的CSS水平+垂直居中方案大全
  9. Mcafee杀毒软件卸载不了
  10. Python xlsx转xls xls文件修复
  11. 美式橄榄球(NFL)基本规则
  12. 在北大国家发展研究院发言
  13. PPT文件带有打开密码怎么解决
  14. java技术交流群532101200
  15. 关于我和计算机的故事
  16. C++第2次实验作业
  17. 2016年互联网面试总结
  18. 【java】简单练习-打印斜坡
  19. Diamond 3.5简易教程(二)------软件的简单使用
  20. 数据结构》算法实现及解析].高一凡.

热门文章

  1. python主讲移动端自动化测试框架appium_Appium-移动端自动测试框架,如何入门?...
  2. 字节跳动的一面内容记录
  3. Cilium:BPF和XDP参考指南
  4. 回归分析beta值的标准_读懂回归分析-SPSS为例(无广告)
  5. 关于新手的一个bug,pycharm和IDea的ctrl+C和ctrl+V不起作用
  6. Protobuf的优点
  7. easyui datagrid如何自适应浏览器的宽度和高度
  8. 3项目里面全局用less变量 cli vue_vue-cli3全局载入scss变量或less变量配置
  9. jquery ajax json传递数组,jQuery ajax 传递JSON数组到Spring Controller
  10. java原生的ajax怎么写,用原生js实现 ajax方法