0

ボタンがクリックされるたびに、複数のボタンをチェックされていない状態に変更するソリューションを探しています。これがdivです

<div id="season" align="center">
     <span class="yui-button yui-radio-button yui-button-checked yui-radio-button-checked" id="season">
          <span class="first-child">
               <button type="button" id="season-button">Spring</button>
          </span>
     </span>
     <span class="yui-button yui-radio-button" id="season">
          <span class="first-child">
                <button type="button" id="season-button">Summer</button>
          </span>
     </span>
     <span class="yui-button yui-radio-button" id="season">
          <span class="first-child">
               <button type="button" id="season-button">Fall</button>
          </span>
     </span>
     <span class="yui-button yui-radio-button" id="season">
          <span class="first-child">
               <button type="button" id="season-button">Winter</button>
          </span>
     </span>
</div>

次のようにしてボタンにアクセスできます。

var groupName = document.getElementById(id).getElementsByTagName("button")

しかし、私が試してみると

    for (i = 0; i < groupName.length; i++) {
         groupName[i].set("checked", false);
    }

何も起こりません

どんな助けでも大歓迎です！

ありがとう！

4

1 に答える 1

1

Checked は の有効な属性ではありません<button>。ラジオのようなボタンが必要な場合は、ボタンのように使用<input type="radio">してスタイルを設定します。これを行う方法については、公式の YUI Grouped Button の例を参照してください。

于 2013-05-07T02:38:23.617 に答える