Cambio de color de texto
Tengo definido un checkbox con un tÃtulo.
Pues bien. Quisiera que cuando lo tengo activado el texto me apareciese en rojo y cuando no está activado que me escribiese en negro.
¿Cual es la solucion?
Gracias de antemano
Pues bien. Quisiera que cuando lo tengo activado el texto me apareciese en rojo y cuando no está activado que me escribiese en negro.
¿Cual es la solucion?
Gracias de antemano
Mira si te vale esto:
<html>
<head>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style>
.seleccionado{ color:#FF0000}
.NoSeleccionado{color:#000000}
</style>
</head>
<script>
function fnSele(op){
if (document.getElementById(op).className=='NoSeleccionado'){
document.getElementById(op).className = 'seleccionado'
}
else document.getElementById(op).className = 'NoSeleccionado'
}
</script>
<body bgcolor="#FFFFFF" text="#000000">
<form name="form1" method="post" action="">
<div id="1" class=NoSeleccionado ><input type="checkbox" name="checkbox1" value="checkbox" onclick="Javascript:fnSele('1')">
Opcion1</div>
<div id="2" class=NoSeleccionado><input type="checkbox" name="checkbox2" value="checkbox" onclick="Javascript:fnSele('2')">
Opcion2</div>
<div id="3" class=NoSeleccionado><input type="checkbox" name="checkbox3" value="checkbox" onclick="Javascript:fnSele('3')">
Opcion3</div>
</form>
</body>
</html>
Suerte
rsalvadores
<html>
<head>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style>
.seleccionado{ color:#FF0000}
.NoSeleccionado{color:#000000}
</style>
</head>
<script>
function fnSele(op){
if (document.getElementById(op).className=='NoSeleccionado'){
document.getElementById(op).className = 'seleccionado'
}
else document.getElementById(op).className = 'NoSeleccionado'
}
</script>
<body bgcolor="#FFFFFF" text="#000000">
<form name="form1" method="post" action="">
<div id="1" class=NoSeleccionado ><input type="checkbox" name="checkbox1" value="checkbox" onclick="Javascript:fnSele('1')">
Opcion1</div>
<div id="2" class=NoSeleccionado><input type="checkbox" name="checkbox2" value="checkbox" onclick="Javascript:fnSele('2')">
Opcion2</div>
<div id="3" class=NoSeleccionado><input type="checkbox" name="checkbox3" value="checkbox" onclick="Javascript:fnSele('3')">
Opcion3</div>
</form>
</body>
</html>
Suerte
rsalvadores
