[js] Checkbox colore

**asso_r** · 13-09-2005, 10:03

Ciao,
volevo sapere se è possibile e come colorare una checkbox quando è selezionata.

Grazie

**badaze** · 13-09-2005, 10:34

Intendi cosi ?

codice:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

<html>
<head>
<title>Untitled</title>
<script language="JavaScript" type="text/javascript">
<!--
function changeBG(aCheckbox) {
 aCheckbox.style.backgroundColor = aCheckbox.checked ? 'red' : '';
}
//-->
</script>

</head>
<body>
<input type="checkbox"  onclick="changeBG(this)" />
<input type="checkbox"  onclick="changeBG(this)" />
<input type="checkbox"  onclick="changeBG(this)" />
<input type="checkbox"  onclick="changeBG(this)" />
</body>
</html>

**asso_r** · 13-09-2005, 10:38

Grazie,
fa quasi al caso mio, se invece di colorare la check voglio colorare solo il testo?

**badaze** · 13-09-2005, 10:42

Allora fai cosi

codice:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

<html>
<head>
<title>Untitled</title>
<script language="JavaScript" type="text/javascript">
<!--
function changeBG(aCheckbox) {
 aParent = aCheckbox.parentElement;
 aParent.style.backgroundColor = aCheckbox.checked ? 'red' : '';
}
//-->
</script>
</head>
<body>
<span><input type="checkbox"  onclick="changeBG(this)" />Testo 1</span>

<span><input type="checkbox"  onclick="changeBG(this)" />Testo 2</span>

<span><input type="checkbox"  onclick="changeBG(this)" />Testo 3</span>

<span><input type="checkbox"  onclick="changeBG(this)" />Testo 4</span>

</body>
</html>

**asso_r** · 13-09-2005, 10:46

Non cambia nulla, anche questo caso colora solamente la checkbox invece del testo.

**badaze** · 13-09-2005, 10:50

Ho testato con IE 6 e funziona, mentre con Firefox non funziona

Quale browser usi ?

Comunque questo funziona per entrambi

codice:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

<html>
<head>
<title>Untitled</title>
<script language="JavaScript" type="text/javascript">
<!--
function changeBG(aCheckbox) {
 aParent = aCheckbox.parentNode;
 aParent.style.backgroundColor = aCheckbox.checked ? 'red' : '';
}
//-->
</script>
</head>
<body>
<span><input type="checkbox"  onclick="changeBG(this)" />Testo 1</span>

<span><input type="checkbox"  onclick="changeBG(this)" />Testo 2</span>

<span><input type="checkbox"  onclick="changeBG(this)" />Testo 3</span>

<span><input type="checkbox"  onclick="changeBG(this)" />Testo 4</span>

</body>
</html>

**asso_r** · 13-09-2005, 11:02

Uso ie6.0, ma si colora solamente il "quadrato" esterno della checkbox mentre il testo è sempre bianco.....

**badaze** · 13-09-2005, 11:33

Ottengo questo (vedere allegato)

**asso_r** · 13-09-2005, 11:54

Io questo

**badaze** · 13-09-2005, 12:03

Originariamente inviato da asso_r
Io questo

Puoi postarne il codice HTML ?

Discussione: [js] Checkbox colore

Strumenti discussione

Ricerca discussione

Visualizza

[js] Checkbox colore

Permessi di invio