如何使用YUI访问选中的单选按钮的值？

Question

我有以下单选按钮结构...

<div id="test">
  <input name="test1" value="a" type="radio">
  <input name="test1" value="b" type="radio">
  <input name="test1" value="c" type="radio">
</div>

如何获取选中单选按钮的值？

我查看了YUI文档，但没有找到好的示例。

我还想知道如何在YUI中通过输入名称获取元素？

- mahatmanich

Answer 1

在YUI 3中：

var value = Y.one("#test input[name=test1]:checked").get("value");

在 YUI 2 中：

// the null, null, null, true is optional, but returns only the first match
var input = YAHOO.util.Dom.getElementsBy(function (el) {
                return (el.name === 'test1' && el.checked);
            }, 'input', 'test', null, null, null, true);

var value = input.value;

- Luke

---

Luke，你是我今天的英雄！非常感谢！！！我讨厌YUI 2，我太习惯jquery了，而且YUI 3看起来好像从那里借鉴了很多东西，但不幸的是我必须使用YUI 2... - mahatmanich

@Luke 我刚看了这个答案。我是初学者，如果我错了请原谅，但是 getElementsBy() 方法不是有6个参数而不是7个吗？http://developer.yahoo.com/yui/docs/YAHOO.util.Dom.html#method_getElementsBy - Dark Star1

Answer 2

如果您有一个指向ButtonGroup的引用，您可以这样做（在YUI 2中）：

var buttonGroup = new YAHOO.widget.ButtonGroup("test"); 
var button = buttonGroup.get("checkedButton");
var value = button.get('label');

- torbenl