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

更新时间：2008年12月10日 17:52:27 作者：

非常不错的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需再刷新一下页面才能执行]

您可能感兴趣的文章:

手机号码本地检测
手机号码本地检测...
2006-09-09
刷新时清空文本框内容的js代码
刷新时清空文本框内容的js代码...
2007-04-04
js 解决“options为空或不是对象”
老提示脚本错误：“options为空或不是对象”，但用document.form1.xx或document.getElementById是能取到对象的。
2008-12-12
select 控制网页内容隐藏于显示的实现代码
js下通过select的控制实现内容的隐藏于显示，需要的朋友可以参考下。
2010-05-05
使用button标签，实现三态图片按钮
使用button标签，实现三态图片按钮...
2007-01-01
一个判断email合法性的函数[非正则]
没用到正则，看起来这个函数的准确度还是比较高的。
2008-12-12
TextArea 控件的最大长度问题(js json)
javascript json实现textarea最大长度的控制实现代码，需要的朋友可以测试下。代码写的很漂亮。
2009-12-12
javascript select 改变字的颜色
select变化字体颜色的代码。
2009-05-05
下拉菜单
下拉菜单...
2006-07-07
javascript实现爱你在FF IE下都有效的添加一个项目
javascript实现爱你在FF IE下都有效的添加一个项目...
2007-07-07

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

相关文章

最新评论

大家感兴趣的内容

最近更新的内容

常用在线小工具