javascript – 最佳实践：访问单选按钮组

2023年3月29日 225次阅读

寻找最佳,符合标准,跨浏览器兼容,转发兼容的方式来访问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,select和textarea.

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
点赞