onclick en input checkbox

[davicito]

<input name=delete_vetercop_option[] type=checkbox value='.$list_vetercop_1['codigo_vetercop'],' onclick=this.style.background="#ec4848" onclick="this.style.background="#ffffff">

Hola tengo uan duda, me gustaria poder hacer en un checkbox que cuando seleccione se ponga en rojo y cuando lo vuelva a seleccionar que se ponga en blanco....

Consiguo ponerlo en rojo, por el onclick, pero no soy capaz despues ponerlo en blanco, me podeis dar alguna ayuda please?

Gracias

[abimaelrc]

Eso lo tienes que hacer con javascript y css. Verifica en el foro de javascript para que te puedan ayudar.

Pero mientras tanto trata de en vez de en el onclick escribir directamente el codigo usa una funcion, ejemplo

Código PHP:

  <script language="javascript">
function changeColor(){
  if(document.formName.checkboxName.checked){
    document.formName.checkboxName.style.background="#ec4848";
  }else{
    document.formName.checkboxName.style.background="#ffffff";
  }
}
</script>
<input name=delete_vetercop_option[] type=checkbox value='.$list_vetercop_1['codigo_vetercop'],' onclick="changeColor()">  
  

[davicito]

ok, voya intentarlo.

Gracias

[abimaelrc]

Otra cosa trata de encerrar los valores de cada parametro entre comillas ejemplo

<input name="delete_vetercop_option[]" type="checkbox" value="'.$list_vetercop_1['codigo_vetercop'],'" onclick="changeColor()">

Es buena costumbre hacerlo por si en un futuro te encuentres que el value tiene varias palabras con espacio

[davicito]

ya, ya estoy aprendiendolo, ya me a pasado... Pero claro, a base de palos...

una pregunta el script, no lo puedo poner con un:

Código PHP:

  echo '<script language="javascript"> 
function changeColor(){ 
  if(document.formName.checkboxName.checked){ 
    document.formName.checkboxName.style.background="#ec4848"; 
  }else{ 
    document.formName.checkboxName.style.background="#ffffff"; 
  } 
} 
</script>';  
   

[abimaelrc]

Si lo puedes hacer. Preubalo y nos dejas saber

[davicito]

me da error...

Código PHP:

  echo '<script language="javascript"> 
function changeColor(){ 
  if(document.formdelete_vetercop.checkboxdelete_vetercop_option.checked){ 
    document.formdelete_vetercop.checkboxdelete_vetercop_option.style.background="#ec4848"; 
  }else{ 
    document.formdelete_vetercop.checkboxdelete_vetercop_option.style.background="#ffffff"; 
  } 
} 
</script>'; 
 
 
while($list_vetercop_1=mysql_fetch_array($list_vetercop)){ 
    echo '<tr><form method=POST action=contratos.php?contrato=delete_vetercop_ok name=delete_vetercop><td> 
    <input name=delete_vetercop_option[] type=checkbox value='.$list_vetercop_1['codigo_vetercop'], onclick="changeColor()" >  
   

[abimaelrc]

que error te dice?

[davicito]

‘Document.formdelete_vetercop.checkboxdelete_veter cop_option’ is null or not an object

[samardj]

hola, pues cuando yo necesito manjear diseño en los checkbox uso, pngs... uno para seleccionado y otro para "no seleccionado", onclick="cambiarimagen(this)"

function cambiarimagen(objeto){
var idobj= objeto.id;
document.getElementById(idobj).style.background='u rl(seleccionado.png)';

}

deberas controlar cuando entra seleccionado y cuando no... y deberas guardar los seleccionados en un array, y al deseleccionar borrar del array, esto te permite un 100% de personalizar tus checkbox...

[davicito]

ya, pero yo lo que quiero es cuandio el lo selecciona, encunato pincha que se ponga un color de fondo, y cuando no lo pincha que se quite....

[samardj]

yo uso pngs por que el checkbox no es "estilizable" con css.

[abimaelrc]

Bueno se puede colocar algun border para que se vea estilizable

[davicito]

me podrias poner un ejemplo¿?

[samardj]

mira esta pagina.

http://www.456bereastreet.com/lab/st...ited/checkbox/

es la misma historia de siempre firefox si, IE no.. o viceversa...

yo trabajo con IE, Firefox, y Safari... por eso prefiero algunas veces usar imagenes, por que se que voy a la fija.

[abimaelrc]

verifica este ejemplo

http://www.w3schools.com/HTMLDOM/prop_style_border.asp

[GatorV]

Tema trasladado desde PHP