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

最新推荐文章于 2024-05-09 15:49:11 发布

转载

最新推荐文章于 2024-05-09 15:49:11 发布 · 3.3k 阅读

4 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/lanzhi/p/6467057.html

文章标签：

#javascript #ViewUI

本文由铁锚分享，介绍了三种取消选中单选框radio的方法，包括两种基于jQuery的实现和一种利用JavaScript和DOM的操作方式。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

作者: 铁锚

日期: 2013年12月21日

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

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

<!DOCTYPE HTML>
<html>
 <head>
  <title>单选按钮取消选中的三种方式</title>
  <script type="text/javascript" src="http://lib.sinaapp.com/js/jquery/1.7.2/jquery.min.js">
  </script>
  <script type="text/javascript">
	$(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,