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

可支持方向键
当radio最后一个选中时，按小键盘后会自动跳回第一个
checked可自动触发onclick
支持各种浏览器,cross-browser

Rank's HTML document

/**/

radio list的妙用

  1. 可支持方向键
  2. 当radio最后一个选中时，按小键盘后会自动跳回第一个
  3. checked可自动触发onclick
  4. 支持各种浏览器,cross-browser

demo

//

[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]

赞 (0)

相关推荐

  • javascript radio值获取代码

    javascript 获取 radio 选中值 //Copyright 2008 //By 小吴同学 QQ:100052800 //Date 2008-11-25 //$写法,用于获取元素ID名称 function $(id){return document.getElementById(id);} //获取 radio 选中值 function GetValue(){ //获取 radio 所在容器名,根据容器名称搜索 radio 的标签 input var radios = $("radio

  • javascript RadioButtonList获取选中值

    <script> function GetRblSeletedValue(obj) { var rbltable =$(obj); var rbs= rbltable.getElementsByTagName("INPUT"); for(var i = 0;i<rbs.length;i++) { if(rbs[i].checked) { var text =rbltable.cells[i].innerText; var value=rbs[i].value; ale

  • JavaScript判断表单提交时哪个radio按钮被选中的方法

    本文实例讲述了JavaScript判断表单提交时哪个radio按钮被选中的方法.分享给大家供大家参考.具体分析如下: 这里的表单提交时通过JavaScript判断哪个radio按钮被选中了 <script type="text/javascript"> function findButton() { var myForm = document.forms.animalForm; var i; for(i=0;i<myForm.marsupial.length; i++

  • 用 Javascript 验证表单(form)中的单选(radio)值

    本文介绍了一个较为通用的获取 radio 值的方法,希望对新手有用. 复制代码 代码如下: <script type="text/javascript"> // 说明: 用 Javascript 验证表单(form)中的单选(radio)值 // 作者: CodeBit function getRadioValue(radio) { if (!radio.length && radio.type.toLowerCase() == 'radio') { ret

  • javascript radio 联动效果

    <script> function checkradio(o,x){ document.getElementsByName("inptB")[x-1].checked=o.checked } </script> <input name="inptA" type="radio" id="inptA" onclick="checkradio(this,1)">aaa <

  • JavaScript判断用户是否对表单进行了修改的方法

    本文实例讲述了JavaScript判断用户是否对表单进行了修改的方法.分享给大家供大家参考.具体分析如下: 这段JS代码可以判断出用户是否对表单内容进行了修改,如果修改了表单,并退出浏览器,则会提醒用户是否要保存表单的内容,是非常有用的代码. function formIsDirty(form) { for (var i = 0; i < form.elements.length; i++) { var element = form.elements[i]; var type = element

  • javascript 获取radio的value的函数 [已测]

    1 2 3 4 [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行] 第二种方法,思路与第一种相同 复制代码 代码如下: //预览函数 var colorid=""; function ShowTemp() { var eless = document.getElementsByName("colorStyle"); for(var i=0;i<eless.length;i++) { // alert(eless[i].checked+eless[i].

  • javascript判断是否有对RadioButtonList选项选择

    javascript判断是否有对RadioButtonList选项选择

    写Javascript来判断是否有对RadioButtonList选项选择,效果如下: 准备好RadioButtonList数据源: Cosmetic.vb 复制代码 代码如下: Imports Microsoft.VisualBasic Namespace Insus.NET Public Class Cosmetic Private _ID As Integer Private _Type As String Private _Name As String Private _Weight A

  • 利用JavaScript更改input中radio和checkbox样式

    利用JavaScript更改input中radio和checkbox样式

    本文涉及到的图片 body { margin: 0px; padding: 0px; font-size: 13px; } .input_style { padding: 6px 0px; width: 600px; margin: 0px auto; border-bottom: #666666 1px dotted; } .input_style span { display: inline-block; width: 15px; height: 15px; text-align: left

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

    可支持方向键 当radio最后一个选中时,按小键盘后会自动跳回第一个 checked可自动触发onclick 支持各种浏览器,cross-browser Rank's HTML document /**/ radio list的妙用 可支持方向键 当radio最后一个选中时,按小键盘后会自动跳回第一个 checked可自动触发onclick 支持各种浏览器,cross-browser demo // [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]

  • 浅谈javascript控制HTML5的全屏操控,浏览器兼容的问题

    如果你想使一个元素在全屏模式下展现 (比如说 <video>),你可以调用该元素的 requestFullscreen() 方法:这个方法在 Gecko 中的实现是 element.mozRequestFullScreen(),在 WebKit 中为 element.webkitRequestFullscreen(). 比如一个实例: var elem = document.getElementById("myvideo"); if (elem.requestFullscr

  • JavaScript初学者建议：不要去管浏览器兼容

    如果可以回到过去的话,我会告诉自己这句话:"初学JavaScript的时候无视DOM和BOM的兼容性" 我初学时的处境 在我初学JavaScript的时候最头痛的就是浏览器兼容问题.在Firefox下面好好的代码放到IE就不能显示了,又或者是在IE能正常显示的代码在firefox又报错了. 前端开发工程师的职责就包括跨浏览器开发.所以我就在还不了解JS这门语言本身的时候去花时间学习浏览器兼容知识,这样会让JS学习难度增加.但是不能兼容主流浏览器的代码不能用在实际项目中. DOM和BOM

  • Javascript 一些需要注意的细节(必看篇)

    1.使用 === 代替 == JavaScript 使用2种不同的等值运算符:===|!== 和 ==|!=,在比较操作中使用前者是最佳实践. "如果两边的操作数具有相同的类型和值,===返回true,!==返回false."--JavaScript:语言精粹 然而,当使用==和!=时,你可能会遇到类型不同的情况,这种情况下,操作数的类型会被强制转换成一样的再做比较,这可能不是你想要的结果. 2.Eval == 邪恶 起初不太熟悉时,"eval"让我们能够访问Jav

  • JavaScript自动点击链接 防止绕过浏览器访问的方法

    做支付宝帐号登录,需要做一个效果,就是打开链接页面的时候,不需要点击链接,直接跳到支付宝登录页面.也就是说,需要做一个自动点击链接的效果. 基本都是用这个: <body onLoad="autoclick('auto')"> <a id='auto' href=".$url."><img border='0' src='images/alipaylog.gif' /></a> </body> <scr

  • Javascript字符串浏览器兼容问题分析

    本文实例分析了Javascript字符串浏览器兼容问题.分享给大家供大家参考.具体分析如下: 先看下不兼容的写法,若我想获取某个字符串的第几位 复制代码 代码如下: var str='aavvvcc'; console.info(str[0]); 这种写法 在IE 7以下的浏览器都不兼容,以下提供浏览器全兼容的方式 复制代码 代码如下: var str='aavvvcc'; console.info(str.charAt(1)); 使用charAt() 就可以获取字符串中某个字符,并且全部兼容.

  • 谈谈JavaScript中浏览器兼容问题的写法小议

    前言 JavaScript中很多坑,其中对浏览器的兼容也是一个问题,本文就简略的归纳了部分针对浏览器兼容问题的写法的例子,旨在便于查找.如果读者有什么好的意见建议,请留言交流,谢谢! window窗口大小 1.在IE9+.Chrome.Firefox.Opera以及Safari中 window.innerHeight获取浏览器窗口的内部高度 window.innerWidth获取浏览器窗口的内部宽度 var msg = "窗口宽度:" + window.innerHeight + &q

  • 源码解读jQ中浏览器兼容模块support第1/2页

    源码解读jQ中浏览器兼容模块support第1/2页

    前言 jQuery的属性support是判断浏览器之间是否兼容的模块 ,该模块包含了leadingWhitespace,tbody,htmlSerialize,style,hrefNormalized,opacity,cssFloat,checkOn,optSelected,getSetAttribute-.等兼容问题,所有的这些属性也只是jQuery内部会用到,因为jQ内部一些模块需要对这些东西进行判断, 就直接写成了一个support模块, 可以供我们, 但是我们写代码的时基本都没用到啊,

  • JavaScript代码因逗号不规范导致IE不兼容的问题

    JavaScript代码因逗号不规范导致IE不兼容的问题

    在用ExtJS做前端开发的时候,发现系统可以在谷歌浏览器.火狐下正常显示,但是用IE浏览器打开就会报错,报错信息如:Expected identified, string or number.后来,检查的代码的时候发现,是由于js代码中逗号用的不规范导致的IE不兼容. 由于我是用eclipse来写代码的,下面我也就介绍怎么用eclipse来解决这个问题: 例如有下面这么一段不规范的代码: Ext.onReady(function() { var panel = Ext.create('Ext.c

  • 浏览器兼容的JS写法总结

    一.元素查找问题 1. document.all[name]   (1)现有问题:Firefox不支持document.all[name]   (2)解决方法:使用getElementsByName(name),getElementById(id)等来替代. 2. 集合类对象问题   (1)现有问题:IE中对许多集合类对象取用时可以用 (),但在Firefox只能用[].       如:IE中可以使用document.forms("formName")来返回名字为"form

随机推荐