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

您可能感兴趣的文章:

Javascript 文本框textarea高度随内容自适应增长收缩
之前一段时间项目中用到的一个功能，用Javascript控制文本框textarea高度随内容自适应增长收缩，今天花了点时间换了种实现方法，总结一下。
2011-07-07
js post方式传递提交的实现代码
一套提交代码，全部由js dom操作自动创建于提交。喜欢的朋友可以参考下。
2010-05-05
表单(FORM)的一些实用效果代码
表单(FORM)的一些实用效果代码...
2007-03-03
js颜色选择器代码[firefox不支持]
非常不错的，颜色选择效果代码
2008-11-11
JavaScript中获取Radio被选中的值
这篇文章主要介绍了JavaScript中获取Radio被选中的值,需要的朋友可以参考下
2015-11-11
javascript Select标记中options操作方法集合
收集的比较全的关于用js操作select中的options方法
2008-10-10
用js实现控制内容的向上向下滚动效果
用js实现控制内容的向上向下滚动效果...
2007-06-06
javascript 复选框选择/全选后特效
javascript 复选框选择/全选后特效...
2007-07-07
文本框获得焦点和失去焦点的判断代码
今天想介绍一下文本框获得焦点和失去焦点的两种方法，需要的朋友可以参考下
2012-03-03
兼容Firefox和IE的onpropertychange事件oninput
onpropertychange能够捕获每次输入值的变化。例如：对象的value值被改变时，onpropertychange能够捕获每次改变，而onchange需要执行某个事件才可以捕获。
2008-06-06