suchen

Heim  >  Artikel  >  Web-Frontend  >  js-Methode, um die Farbänderung der ausgewählten Kontrollkästchen zu realisieren text_javascript Fähigkeiten

js-Methode, um die Farbänderung der ausgewählten Kontrollkästchen zu realisieren text_javascript Fähigkeiten

WBOY
WBOYOriginal
2016-05-16 15:45:091522Durchsuche

Das Beispiel in diesem Artikel beschreibt, wie Sie mit js die Textfarbe des ausgewählten Kontrollkästchens ändern. Teilen Sie es als Referenz mit allen. Die Details lauten wie folgt:

Wenn das Kontrollkästchen aktiviert ist, wird der Text mit einer Hintergrundfarbe hinzugefügt. Es ist immer noch sehr nützlich, ihn zu ändern.

Der Betriebseffekt ist wie folgt:

Die Online-Demo-Adresse lautet wie folgt:

http://demo.jb51.net/js/2015/js-checkbox-cha-font-color-codes/

Der spezifische Code lautet wie folgt: 

<html>
<head>
<title>选中复选框文字变色</title>
<style>
.checkbox {
 background-Color:e-xpression(this.checked&#63;'yellow':'buttonface');
}
</style>
</head>
<script>
function chaCloor(field){
var pig = field.checked;
pig&#63;field.nextSibling.style.backgroundColor="skyblue":field.nextSibling.style.backgroundColor="white";
}
</script>
<body>
<table height=48 width=136>
<tr>
 <td><input type="checkbox" onClick="chaCloor(this)"><span>网页特效</span></td>
</tr>
<tr>
<td><input type="checkbox" onClick="chaCloor(this)"><span>源码下载</span></td>
</tr>
<tr>
<td><input type="checkbox" onClick="chaCloor(this)"><span>编程软件</span></td>
</tr>
</table>
</body>
</html>

Ich hoffe, dass dieser Artikel für das JavaScript-Programmierdesign aller hilfreich sein wird.

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
Vorheriger Artikel：Wie fügt DEDECMS das HOT NEW-Logobild zu den Article_Javascript-Fähigkeiten hinzu?Nächster Artikel：Wie fügt DEDECMS das HOT NEW-Logobild zu den Article_Javascript-Fähigkeiten hinzu?

In Verbindung stehende Artikel

Mehr sehen