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

时间：2020-10-13 10:06:25|栏目：JavaScript代码|点击：次

可支持方向键
当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需再刷新一下页面才能执行]

上一篇：js页面跳转的问题(跳转到父页面、最外层页面、本页面)

栏目：JavaScript代码

下一篇：JS的函数调用栈stack size的计算方法

本文标题：javascript radio list的实现细节(多浏览器兼容)

本文地址：http://www.codeinn.net/misctech/10532.html

更多JavaScript代码

JavaScript代码

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

阅读排行

推荐教程