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

我假设您的页面上只有一个表单，因为您最初调用该函数的方式。如果这是一个有效的假设，那么您可以执行以下操作：

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允许您使用括号指定表单的属性/子项，因此您可以使用您作为表单本身的子项传入的groupName。

Answer 3

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

Answer 4

您可以执行document.getElementsByName（[GroupName]）并以此方式获取集合。如果有多个组，您可以将组名存储在一个变量中，并让它像现在一样通过。

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

4 个答案: