So implementieren Sie die Farbe der JS-Steuerschaltfläche, um sie per Klick zu ändern

Der folgende Editor bietet Ihnen eine einfache Methode zum Ändern der Farbe von JS-Steuerschaltflächen mit Klicks. Der Herausgeber findet es ziemlich gut, deshalb werde ich es jetzt mit Ihnen teilen und es allen als Referenz geben. Folgen wir dem Editor, um einen Blick darauf zu werfen.

Zuerst das Rendering:

Die Standardeinstellung ist „ Heute“ Es handelt sich um einen ausgewählten Status und einen Inline-Stil:

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

Die oben genannten Daten ändern ihre Farbe nur, wenn darauf geklickt wird:

Klicken auf andere Farben ändern. Klicken Sie erneut auf „Heute“, um die Standardfarbe wiederherzustellen.

Fügen Sie ein Klickereignis zu einem beliebigen anderen Datum außer „Heute“ hinzu, um [ Ändern Sie den Standardfarbstatus von „Heute“】

Fügen Sie [Standardstatusfarbe von „Heute“ wiederherstellen] zum Klickereignis von „Heute“ hinzu

//昨日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');
}

Das obige ist der detaillierte Inhalt vonSo implementieren Sie die Farbe der JS-Steuerschaltfläche, um sie per Klick zu ändern. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!