Close Advertisement
- 可支持方向键
- 当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>
"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>
see also: IE在DOM操作有表单控件时的bug
[最后修改由 Rank, 于 2008-12-05 12:10:10]
评论Feed: http://www.never-online.net/blog/feed.asp?q=comment&id=260
这篇日志没有评论.
