簡單的JS控制button顏色隨點擊更改的實現(xiàn)方法
先上效果圖:
默認“今日”是選中狀態(tài),是行內(nèi)樣式:
<button type="button" id="today" class="btn-link" onclick="todayDate()" style="color: #0062CC;">今日</button>
上面的日期都是點擊才會切換顏色:
點擊其它顏色,“今日”顏色更換成灰色
再次點擊“今日”,還原回默認狀態(tài)顏色
在除“今日”外的其它任一個日期中添加一個點擊事件,可以實現(xiàn)【改變“今日”默認顏色狀態(tài)】
在“今日”的點擊事件中添加【還原‘‘今日''的默認狀態(tài)顏色】
//昨日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,完成
以上這篇簡單的JS控制button顏色隨點擊更改的實現(xiàn)方法就是小編分享給大家的全部內(nèi)容了,希望能給大家一個參考,也希望大家多多支持腳本之家。
相關(guān)文章
Javascript循環(huán)刪除數(shù)組中元素的幾種方法示例
這篇文章主要給大家介紹了關(guān)于Javascript循環(huán)刪除數(shù)組中元素的幾種方法,文中給出了詳細的示例代碼供大家參考學(xué)習(xí),對大家具有一定的參考學(xué)習(xí)價值,需要的朋友們下面來一起看看吧。2017-05-05createElement與createDocumentFragment的點點區(qū)別小結(jié)
在DOM操作里,createElement是創(chuàng)建一個新的節(jié)點,createDocumentFragment是創(chuàng)建一個文檔片段2011-12-12layui字體圖標 loading圖標靜止不旋轉(zhuǎn)的解決方法
今天小編就為大家分享一篇layui字體圖標 loading圖標靜止不旋轉(zhuǎn)的解決方法,具有很好的參考價值,希望對大家有所幫助。一起跟隨小編過來看看吧2019-09-09javascript中substring()、substr()、slice()的區(qū)別
在js中字符截取函數(shù)有常用的三個slice()、substring()、substr()了,下面我來給大家介紹slice()、substring()、substr()函數(shù)在字符截取時的一些用法與區(qū)別吧。2015-08-08關(guān)聯(lián)的Select,可以支持客戶端動態(tài)更新
關(guān)聯(lián)的Select,可以支持客戶端動態(tài)更新...2006-09-09純前端使用ffmpeg實現(xiàn)視頻壓縮的具體方法及踩坑
這篇文章主要給大家介紹了關(guān)于純前端使用ffmpeg實現(xiàn)視頻壓縮的具體方法及踩坑,要在前端使用FFmpeg進行視頻壓縮,你可以使用FFmpeg的JavaScript,文中通過代碼介紹的非常詳細,需要的朋友可以參考下2023-12-12