首页 > 网络编程 > JavaScript > 表单特效 > 单选按钮 javascript 单选按钮 单击选中 双击取消选择实现代码 2010-08-16 22:13:40 作者： 很多情况下，我们需要对radio单选框实现取消选择，这里用js的实现方法，确实不错。 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <title>单选按钮，双击取消选中</title> <script language="javascript" type="text/javascript"> window.onload = function() { // setRadio("myDiv", "form1", "alreadySelected"); var radios = document.getElementsByTagName("input"); for (var i = 0; i < radios.length; i++) { if (radios[i].type == "radio") { radios[i].ondblclick = function() { this.checked = false; } } } } </script> </head> <body> A:<input type="radio" name="rad" value="0" /> B:<input type="radio" name="rad" value="1" /> C:<input type="radio" name="rad" value="2" /> D:<input type="radio" name="rad" value="3" /> </body> </html> [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行] 您可能感兴趣的文章:js获取单选按钮的数据js简单获取表单中单选按钮值的方法JSP单选按钮验证、下拉框验证、复选框验证实现代码Vue.js表单标签中的单选按钮、复选按钮和下拉列表的取值问题js取消单选按钮选中示例代码JavaScript实现点击单选按钮改变输入框中文本域内容的方法js使用DOM设置单选按钮、复选框及下拉菜单的方法js实现不提交表单获取单选按钮值的方法JS获取下拉框显示值和判断单选按钮的方法js布局实现单选按钮控件
