javascript radio list的實(shí)現(xiàn)細(xì)節(jié)(多瀏覽器兼容)

2019-11-21 01:31:46

字體：大中小

供稿：網(wǎng)友

可支持方向鍵
當(dāng)radio最后一個(gè)選中時(shí)，按小鍵盤后會(huì)自動(dòng)跳回第一個(gè)
checked可自動(dòng)觸發(fā)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>當(dāng)radio最后一個(gè)選中時(shí)，按小鍵盤后會(huì)自動(dòng)跳回第一個(gè)</li> <li>checked可自動(dòng)觸發(fā)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需刷新才能執(zhí)行]

上一篇：IE在DOM操作有表單控件時(shí)的bug

下一篇：javascript 公用拖拽類代碼