义乌做网站的公司,wordpress视频代码,WordPress缩略图边框阴影,个人博客网站建设选题说明文章原创#xff0c;转载请说明文章来自#xff1a;http://blog.csdn.net/xxd851116/archive/2009/03/16/3994833.aspx 网页中单选按钮的缺陷 #xff1a;当一组单选按钮选择一项后改组按钮无法撤销选择改组#xff0c;导致必须选择一项#xff0c;用户体验差。 解决办法转载请说明文章来自http://blog.csdn.net/xxd851116/archive/2009/03/16/3994833.aspx 网页中单选按钮的缺陷 当一组单选按钮选择一项后改组按钮无法撤销选择改组导致必须选择一项用户体验差。 解决办法 采用JavaScript方式利用复选框可取消选择的优势对单选按钮进行更改 function checkboxToRadio(checkboxName, form) { if (checkboxName null) return; var f form || document.forms[0]; checkboxs document.getElementsByName(checkboxName); for(i 0; i checkboxs.length; i){ checkboxs[i].onclick function(){ for (j 0; j checkboxs.length; j ){ if (this.value ! checkboxs[j].value checkboxs[j].checked true){ checkboxs[j].checked false; } } } } } 测试代码 !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd html xmlnshttp://www.w3.org/1999/xhtml head title new document /title meta namegenerator contenteditplus / meta nameauthor content / meta namekeywords content / meta namedescription content / /head body form 您所在的城市input typecheckbox namecity value0 /安徽 input typecheckbox namecity value1 /浙江 input typecheckbox namecity value2 /江苏 input typecheckbox namecity value3 /北京 br/ input typesubmit namesubmit valueSubmit /form mce:script typetext/javascript!-- checkboxToRadio(city); function checkboxToRadio(checkboxName, form) { if (checkboxName null) return; var f form || document.forms[0]; checkboxs document.getElementsByName(checkboxName); for(i 0; i checkboxs.length; i){ checkboxs[i].onclick function(){ for (j 0; j checkboxs.length; j ){ if (this.value ! checkboxs[j].value checkboxs[j].checked true){ checkboxs[j].checked false; } } } } } // --/mce:script /body /html 测试结果 您所在的城市安徽 浙江 江苏 北京 1、分别选择安徽 浙江 江苏 后最终确定为江苏安徽和浙江没有被选中 2、点击提交后地址呈现file:///D:/java/ide/eclipse/checkboxToRadio.html?city2submitSubmit 转载于:https://www.cnblogs.com/xingxiudong/archive/2009/03/16/3987107.html
