javascript - 最佳实践 : Accessing radio button group

标签 javascript forms dom getelementsbyname

寻找最好的、符合标准的、跨浏览器兼容的、向前兼容的方式来访问 DOM 中的一组单选按钮(这与我最近的另一篇文章密切相关......),而不使用任何外部图书馆。

<input type="radio" value="1" name="myRadios" />One<br />
<input type="radio" value="2" name="myRadios" />Two<br />

我读过有关 getElementsByName() 的相互矛盾的信息,这似乎是执行此操作的正确方法,但我不清楚这是否符合标准、向前兼容的解决方案。也许有更好的方法?

最佳答案

我对这个解决方案不是很满意,但我最终在 Gecko DOM 文档中找到了它。

name 获取或设置DOM对象的name属性,仅适用于以下元素:anchor, applet, form, frame, iframe, image, input, map, meta, object, option, param,选择和文本区域。

HTMLElement.name = string;
var elName = HTMLElement.name;

var fControl = HTMLFormElement.elementName;
var controlCollection = HTMLFormElement.elements.elementName;

更多信息:https://developer.mozilla.org/en/DOM/element.name

所以我认为这是一种符合标准的处理方式(尽管最佳实践可能并不真正存在...)

document.getElementById('myForm').elements.myRadios

关于javascript - 最佳实践 : Accessing radio button group,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/2437190/

相关文章:

表单元素的CSS跨浏览器定位

javascript - 创建与其他函数链接的函数对象?

javascript - 如何等待浏览器在 javascript 中完成回流?

javascript - 如何使用 Mustache 模板向下拉列表添加选项?

php - 构建一个 2d html5 canvas 游戏,并尝试使用 javascript 连接到服务器以创建播放器 "highscores."

javascript - 将驼峰式大小写转换为人类可读的字符串?

javascript - DOM 文本触发已更改

javascript - 如何在 Metro Windows 8 中找到应用栏的图标?

javascript - Angular 表单提交两次(ajax get 请求)

javascript - JS语法错误: DOCTYPE html