如何按钮组的HTML名称传递给javascript函数

Question

说我有一个类似的功能：

function getGroupValue(group) 
    { 
    for (var i=0; i < group.length; i++) 
    { 
     if (group[i].checked) 
     { 
      return group[i].value; 
     } 
    } 
    } 

，我可以像getGroupValue(document.forms[0].myGroup)

叫我如何将它转换为只是传递一个html单选按钮组的名称，如 getGroupValue('myGroupName')？

Answer 1

这应该工作：

function getGroupValue(group) 
{ 
var g = document.getElementsByName(group); 

for (var i=0; i < g.length; i++) 
{ 
    if (g[i].checked) 
    { 
     return g[i].value; 
    } 
} 
} 

Answer 2

为所有单选按钮提供一个常用的“组”类名称并使用CSS选择器（jQuery，Prototype），然后遍历返回的结果并获取每个名称。

Answer 3

你可以做一个document.getElementsByName（[GroupName]）并以这种方式获取集合。如果有多个组，则可以将组名存储在一个变量中，并让它像现在一样进行传递。

Answer 4

我假设只有一个网页上的形式，给你最初调用函数的方式。如果这是一个有效的假设作出，那么你就可以做到以下几点：

function getGroupValue(groupName) 
{ 
    var group = document.forms[0][groupName]; 
    for (var i = 0, n = group.length; i < n; i ++) 
    { 
    if (group[i].checked) 
    { 
     return group[i].value; 
    } 
    } 
} 

JavaScript允许你指定属性/使用括号形式的孩子，所以你可以使用组名，你传过来的孩子形式本身。