先上效果圖：
默認“今日”是選中狀態，是行內樣式：
<button type="button" id="today" class="btn-link" onclick="todayDate()" style="color: #0062CC;">今日</button>
上面的日期都是點擊才會切換顏色：
點擊其它顏色，“今日”顏色更換成灰色
再次點擊“今日”，還原回默認狀態顏色
在除“今日”外的其它任一個日期中添加一個點擊事件，可以實現【改變“今日”默認顏色狀態】
在“今日”的點擊事件中添加【還原‘‘今日''的默認狀態顏色】
//昨日clickfunction yesterdayDate() { document.getElementById('title').value = getYesterdayDate(new Date()); fetYesterdayData(); today.css('color','#555555');}//今日clickfunction todayDate() { document.getElementById('title').value = formatterDateStr(new Date()); fetTodayData(); today.css('color','#0062cc');}OK，完成
以上這篇簡單的JS控制button顏色隨點擊更改的實現方法就是小編分享給大家的全部內容了，希望能給大家一個參考，也希望大家多多支持武林網。
新聞熱點
疑難解答
