如何手动检查YUI收音机“按钮”

时间:2010-03-08 18:17:11

标签: javascript jquery input radio-button yui

<script type="text/javascript">
(function () {
        var ButtonGroup = YAHOO.widget.ButtonGroup;
        var onCheckedButtonChange = function (p_oEvent) {
        };
        YAHOO.util.Event.onContentReady("mediaFilterButtonsFieldset", function () {
            var oButtonGroup = new ButtonGroup("mediaFilterButtons");
            oButtonGroup.on("checkedButtonChange", onCheckedButtonChange);
        });
}());
</script>
<div id="resultInfo">
  <form id="button-example-form" name="button-example-form" method="post">
      <fieldset id="mediaFilterButtonsFieldset">
          <div id="mediaFilterButtons" class="yui-buttongroup ie7filter" style="z-index:11;">
            <div id="mediaFilterLabel">Go to</div>
            <input id="radio1" class="filter_but" type="radio" name="0" value="First" checked rel="0" >
            <input id="radio2"  class="filter_but" type="radio" name="2" value="Second" rel="2">
            <input id="radio3"  class="filter_but" type="radio" name="1" value="Third" rel="1">
          </div>
      </fieldset>
  </form>
</div>

这些是我的YUI按钮。他们只有3个单选按钮变成了“按钮” - 字面意思。我的问题是:

人们点击第三个按钮后,我无法再手动检查第一个按钮。如何手动检查“radio1”?

编辑: 根据{{​​3}},有一种叫做“set”的方法。但我不知道如何在这个buttonGroup中使用它。

3 个答案:

答案 0 :(得分:3)

单选按钮必须都具有相同的名称属性才能将它们组合在一起。

答案 1 :(得分:2)

使用set方法回答您的问题。也许这就是诀窍:

YAHOO.one("#radio1").set("checked",true);

答案 2 :(得分:0)

要手动检查单选按钮,必须使用相同名称的单选按钮。使用相同的单选按钮名称并获得结果。