Foros del Web » Programando para Internet » Javascript »

converir a 0 valor de un campo mediante un checbox

Estas en el tema de converir a 0 valor de un campo mediante un checbox en el foro de Javascript en Foros del Web. Hola que tal... tengo este formulario llamado "meses" donde cada campo tiene su checkbox donde al ponerlo en checked se me habilita o deshabilita cada ...
  #1 (permalink)  
Antiguo 18/07/2012, 10:22
Avatar de totti026  
Fecha de Ingreso: junio-2011
Mensajes: 150
Antigüedad: 12 años, 10 meses
Puntos: 4
Pregunta converir a 0 valor de un campo mediante un checbox

Hola que tal... tengo este formulario llamado "meses" donde cada campo tiene su checkbox donde al ponerlo en checked se me habilita o deshabilita cada campo...
cada campo tiene un value por defecto...
Código HTML:
Ver original
  1. <form name="meses">
  2. <legend>Meses</legend>
  3.     <table class="table2">
  4.     <tr>
  5.     <td><input type="checkbox" id="check1" onclick="if(this.checked==true)this.form.enero.disabled=true;else this.form.enero.disabled=false"><label for="check1" >Enero</label></td>
  6.     <td><input name="enero" type="text" value="18"></td>
  7.     </tr>
  8.     <tr>
  9.     <td><input type="checkbox" id="check2" onclick="if(this.checked==true)this.form.febrero.disabled=true;else this.form.febrero.disabled=false"> <label for="check2" >Febrero</label><br /></td>
  10.     <td><input name="febrero" type="text" value="12"></td>
  11.     </tr>
  12.     <tr>
  13.     <td><input type="checkbox" id="check3" onclick="if(this.checked==true)this.form.marzo.disabled=true;else this.form.marzo.disabled=false"> <label for="check1" >Marzo</label></td>
  14.     <td><input name="marzo" type="text" value="62"></td>
  15.     </tr>
  16.     <tr>
  17.     <td><input type="checkbox" id="check4" onclick="if(this.checked==true)this.form.abril.disabled=true;else this.form.abril.disabled=false"> <label for="check2" >Abril</label><br /></td>
  18.     <td><input name="abril" type="text" value="89"></td>
  19.     </tr>
  20.     <tr>
  21.     <td><input type="checkbox" id="check5" onclick="if(this.checked==true)this.form.mayo.disabled=true;else this.form.mayo.disabled=false"> <label for="check1" >Mayo</label></td>
  22.     <td><input name="mayo" type="text" value="45"></td>
  23.     </tr>
  24.     <tr>
  25.     <td><input type="checkbox" id="check6" onclick="if(this.checked==true)this.form.junio.disabled=true;else this.form.junio.disabled=false"> <label for="check2" >Junio</label><br /></td>
  26.     <td><input name="junio" type="text" value="18"></td>
  27.     </tr>
  28.     <tr>
  29.     <td><input type="checkbox" id="check7" onclick="if(this.checked==true)this.form.julio.disabled=true;else this.form.julio.disabled=false"> <label for="check1" >Julio</label></td>
  30.     <td><input name="julio" type="text" value="16"></td>
  31.     </tr>
  32.     <tr>
  33.     <td><input type="checkbox" id="check8" onclick="if(this.checked==true)this.form.agosto.disabled=true;else this.form.agosto.disabled=false"> <label for="check2" >Agosto</label><br /></td>
  34.     <td><input name="agosto" type="text" value="78"></td>
  35.     </tr>
  36.     <tr>
  37.     <td><input type="checkbox" id="check9" onclick="if(this.checked==true)this.form.septiembre.disabled=true;else this.form.septiembre.disabled=false"> <label for="check1" >Septiembre</label></td>
  38.     <td><input name="septiembre" type="text" value="159"></td>
  39.     </tr>
  40.     <tr>
  41.     <td><input type="checkbox" id="check10" onclick="if(this.checked==true)this.form.octubre.disabled=true;else this.form.octubre.disabled=false"> <label for="check2" >Octubre</label><br /></td>
  42.     <td><input name="octubre" type="text" value="22"></td>
  43.     </tr>
  44.     <tr>
  45.     <td><input type="checkbox" id="check11" onclick="if(this.checked==true)this.form.noviembre.disabled=true;else this.form.noviembre.disabled=false"> <label for="check1" >Noviembre</label></td>
  46.     <td><input name="noviembre" type="text" value="50"></td>
  47.     </tr>
  48.     <tr>
  49.     <td><input type="checkbox" id="check12" onclick="if(this.checked==true)this.form.diciembre.disabled=true;else this.form.diciembre.disabled=false"> <label for="check2" >Diciembre</label><br /></td>
  50.     <td><input name="diciembre" type="text" value="20"></td>
  51.     </tr>
  52.     </table>       
  53.     </fieldset>
  54.    
  55. </form>

Lo que quiero lograr es que ademas de deshabilitar el campo a la hora de activar el checkbox tambien se deshabilite el checkbox y el valor del campo cambie a 0 (cero)...

puedo lograrlo con javascript?
  #2 (permalink)  
Antiguo 18/07/2012, 11:39
(Desactivado)
 
Fecha de Ingreso: noviembre-2002
Ubicación: Ciudad Autónoma de Buenos Aires
Mensajes: 2.367
Antigüedad: 21 años, 5 meses
Puntos: 317
Respuesta: converir a 0 valor de un campo mediante un checbox

Primero tendrías que sacar el escript en línea y poner una función para todos. Después se le agregarían las demás facilidades, pero hacerlo repetido en el onclick no me parece práctico.
  #3 (permalink)  
Antiguo 18/07/2012, 11:40
Avatar de totti026  
Fecha de Ingreso: junio-2011
Mensajes: 150
Antigüedad: 12 años, 10 meses
Puntos: 4
Respuesta: converir a 0 valor de un campo mediante un checbox

ya pude des habilitar los dos haciendo clic en el checkbox... así:
Código HTML:
Ver original
  1. <input name="prueba" id="prueba" type="checkbox" onclick="if(this.checked==true)this.disabled=true; this.form.pruebat.disabled=true">
  2.     <input name="pruebat" id="pruebat" type="text" value="100" ></form>

Pero solo falta cambiar a 0 (cero) el valor que tiene el input text por default...
  #4 (permalink)  
Antiguo 18/07/2012, 11:41
Avatar de totti026  
Fecha de Ingreso: junio-2011
Mensajes: 150
Antigüedad: 12 años, 10 meses
Puntos: 4
Respuesta: converir a 0 valor de un campo mediante un checbox

Cita:
Iniciado por furoya Ver Mensaje
Primero tendrías que sacar el escript en línea y poner una función para todos. Después se le agregarían las demás facilidades, pero hacerlo repetido en el onclick no me parece práctico.
OK... entonces separo todo y lo hago con una funcion....
pero como cambio el valor del input text...

Etiquetas: converir, formulario, input, mediante, campos
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 09:59.