JavaScript的 - 同一div但多個跨度

Question

我正在尋找一個解決方案每一個按鈕被點擊一次更改多個按鈕，在選中的狀態中編輯按鈕。這裏的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); 
    } 

什麼也沒有發生

任何幫助，不勝感激！

謝謝！

Answer 1

經過不是<button>的一個有效的屬性。如果你想收音機像按鈕，使用<input type="radio">和樣式他們像按鈕。看看the official YUI Grouped Button example如何做到這一點。