cari

Rumah >hujung hadapan web >tutorial js >js untuk merealisasikan perubahan warna kotak semak kemahiran text_javascript yang dipilih

js untuk merealisasikan perubahan warna kotak semak kemahiran text_javascript yang dipilih

WBOY
WBOYasal
2016-05-16 15:45:091566semak imbas

Contoh dalam artikel ini menerangkan cara menggunakan js untuk menukar warna teks kotak semak yang dipilih. Kongsikan dengan semua orang untuk rujukan anda. Butirannya adalah seperti berikut:

Di sini, apabila kotak semak dipilih, teks ditambah dengan warna latar belakang Ia masih sangat berguna untuk menukarnya.

Kesan operasi adalah seperti yang ditunjukkan di bawah:

Alamat demo dalam talian adalah seperti berikut:

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

Kod khusus adalah seperti berikut: 

<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>

Saya harap artikel ini akan membantu reka bentuk pengaturcaraan JavaScript semua orang.

Kenyataan：
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Artikel sebelumnya：Bagaimanakah DEDECMS menambah imej logo BARU PANAS pada kemahiran article_javascriptArtikel seterusnya：Bagaimanakah DEDECMS menambah imej logo BARU PANAS pada kemahiran article_javascript

Artikel berkaitan

Lihat lagi