问题 如何访问使用YUI检查的单选按钮的值?


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

<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中通过输入名称获取元素?


874
2017-12-07 11:14


起源



答案:


在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;

14
2017-12-08 07:10



卢克,你是我当天的英雄!非常感谢!!!!我讨厌YUI 2,我已经习惯了jquery,YUI 3看起来已经从那里采用了很多东西,但不幸的是我不得不使用YUI 2 ... - mahatmanich
@Luke看看这个答案。我是个初学者,请原谅我,如果我弄错了,但getElementsBy()方法有没有6个参数而不是7个? developer.yahoo.com/yui/docs/... - Dark Star1


答案:


在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;

14
2017-12-08 07:10



卢克,你是我当天的英雄!非常感谢!!!!我讨厌YUI 2,我已经习惯了jquery,YUI 3看起来已经从那里采用了很多东西,但不幸的是我不得不使用YUI 2 ... - mahatmanich
@Luke看看这个答案。我是个初学者,请原谅我,如果我弄错了,但getElementsBy()方法有没有6个参数而不是7个? developer.yahoo.com/yui/docs/... - Dark Star1


如果你有对ButtonGroup的引用,你可以这样做(在YUI 2中):

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

0
2018-02-05 15:02