現在有一個button群組<div>      <button class="diyperiod" disabled="true">循環周期</button>      <button class="diyperiod">6小時</button>    </div>    <div>      <button class="diyperiod" >3小時</button>      <button class="diyperiod" >7小時</button>    </div>    <div>      <button class="diyperiod">4小時</button>      <button class="diyperiod">8小時</button>    </div>     <div>      <button class="diyperiod">5小時</button>      <button class="diyperiod">9小時</button>    </div>      </div>      3 4 5 6 7 8 9小時 這幾個按鈕 開始都是默認的樣式 比如 3小時被點擊之后樣式改變，其他的樣式不變 當8小時被點擊的之后 3恢復到之前默認樣式 8改變到激活樣式 意思類推 要怎么實現？