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


答案：可支持方向键 
当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需刷新才能执行]

上一个：CSS JavaScript 实现菜单功能改进版
下一个：一个判断email合法性的函数[非正则]

更多图片编程知识: