can support directional keys
When Radio is last selected, pressing the keypad automatically jumps back to the first
Checked can automatically trigger the onclick
Supports various browsers, Cross-browser
<! DOCTYPE HTML PUBLIC "-//w3c//dtd HTML 4.01//en" "HTTP://WWW.W3.ORG/TR/HTML4/STRICT.DTD" > <ptml> <pead> <title>rank ' s HTML document</title> <meta http-equiv= "Content-type" content=; 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 "default "Media=" screen ">/*<! [cdata[*/body {font:13px/1.5 arial;} /*]]>*/</style> </pead> <body> <p>radio List's magical uses </p> <ol> <li> can support the directional key & Lt;/li> <li> When radio last checked, pressing the keypad automatically jumps back to the first </li> <li>checked automatically triggers onclick</li> <li> Support various browsers,cross-browser</li> </ol> <p>demo</p> <p id= "wrap" > <inputName= "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> </ptml>
[Ctrl + A All SELECT Note: If the need to introduce external JS need to refresh to perform]