如何在 Javascript 中以相同的方式获取文本框、文本区域和单选按钮的值？

Question

我想要一个函数/代码，它将返回用户为其名称/id 传递给它的字段提交的值。 该字段是文本框、文本区域、单选还是选择并不重要。 例如，该字段可以是：

<input type='radio' name='a_21' value='test' id='a_21_0' />
<input type='radio' name='a_21' value='test2' id='a_21_1' />

或者

<textarea name="a_21" rows="30" cols="6"></textarea>

当我进行调用时：

function getVal('a_21');

它应该返回选定的值。

我怎样才能做到这一点？ Will：

document.myForm.field.value

也适用于文本区域、下拉菜单和收音机吗？

Answer 1

问题是不同的小部件有不同的用途。 例如，具有多个可用选项、多个复选框甚至单个复选框（其值仅为“on”或“off”）的 框不会有单个值，所以它们的行为与其他小部件不同是可以的。

但如果你想要一个单一的功能，你可以这样做：

function getVal(obj){
  if(obj.value){
    return obj.value;
  }

  if(obj.selectedIndex){
    return obj.options[obj.selectedIndex];
  }

  if(obj.checked){
    return obj.checked;
  }

 return null;
}

Answer 2

使用 jQuery，您可以执行以下操作：

$('[name="a_21"]').val();

这将为您提供名称为 a_21 的字段的值，无论字段的类型是什么。

注意：不需要引号，但由于复选框数组，我已经开始尝试添加它们：

<input type="checkbox" name="ids[]" value="1" />
<input type="checkbox" name="ids[]" value="2" />

我认为安全比试图找出它不起作用的原因更好。