簡單的JS控制button顏色隨點擊更改


先上效果圖:

默認“今日”是選中狀態,是行內樣式:

<button type="button" id="today" class="btn-link" onclick="todayDate()" style="color: #0062CC;">今日</button>

上面的日期都是點擊才會切換顏色:

  1. 點擊其它顏色,“今日”顏色更換成灰色
  2. 再次點擊“今日”,還原回默認狀態顏色
  • 在除“今日”外的其它任一個日期中添加一個點擊事件,可以實現【改變“今日”默認顏色狀態】
  • 在“今日”的點擊事件中添加【還原‘‘今日’’的默認狀態顏色】
//昨日click
function yesterdayDate() { document.getElementById('title').value = getYesterdayDate(new Date()); fetYesterdayData();  today.css('color','#555555'); } //今日click
function todayDate() { document.getElementById('title').value = formatterDateStr(new Date()); fetTodayData(); today.css('color','#0062cc'); }

OK,完成


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM