Heim >Web-Frontend >js-Tutorial >So implementieren Sie die Farbe der JS-Steuerschaltfläche, um sie per Klick zu ändern

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

巴扎黑
巴扎黑Original
2018-05-22 11:51:316093Durchsuche

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

OK, fertig
//昨日click
function yesterdayDate() {
  document.getElementById(&#39;title&#39;).value = getYesterdayDate(new Date());
  fetYesterdayData();
  today.css(&#39;color&#39;,&#39;#555555&#39;);
}
//今日click
function todayDate() {
  document.getElementById(&#39;title&#39;).value = formatterDateStr(new Date());
  fetTodayData();
  today.css(&#39;color&#39;,&#39;#0062cc&#39;);
}

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!

Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn