javascript radio list的实现细节(多浏览器兼容)

2019-11-21 01:31:46

字体：大中小

来源：转载

供稿：网友

可支持方向键
当radio最后一个选中时，按小键盘后会自动跳回第一个
checked可自动触发onclick
支持各种浏览器,cross-browser

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <title>Rank's HTML document</title> <meta http-equiv="Content-Type" content="text/html; charset=gb2312"> <meta http-equiv="Pragma" content="no-cache"> <meta http-equiv="Cache-Control" content="no-cache"> <meta http-equiv="Expires" content="0"> <meta http-equiv="ImageToolbar" content="no"> <meta http-equiv="Creator.name" content="Rank, BlueDestiny, never-online"> <style type="text/css" title="default" media="screen"> /*<![CDATA[*/ body { font:13px/1.5 arial; } /*]]>*/ </style> </head> <body> <h1>radio list的妙用</h1> <ol> <li>可支持方向键</li> <li>当radio最后一个选中时，按小键盘后会自动跳回第一个</li> <li>checked可自动触发onclick</li> <li>支持各种浏览器,cross-browser</li> </ol> <h2>demo</h2> <p id="wrap"> <input name="radio_n" type="radio"><input name="radio_n" type="radio"><input name="radio_n" type="radio"><span id="ad"></span> </p> <script type="text/javascript">//<![CDATA[ document.getElementById('wrap').onclick = function () { document.getElementById('ad').innerHTML = ('never-online /'s weblog') + Math.random(); } //]]></script> </body> </html>

[Ctrl+A 全选注:如需引入外部Js需刷新才能执行]

上一篇：IE在DOM操作有表单控件时的bug

下一篇：javascript 公用拖拽类代码