button群组的点击事件

Question

现在有一个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改变到激活样式 意思类推 要怎么实现？

Answer 1

到时间移除所有act 然后给指定的加上act