resetear el valor de los textbox al deshabilitarlos con javascript

[informatico2013]

Hola Estimados,

Estoy desarrollando un formulario dinamico que mediante un checkbox el usuario puede habilitar los textbox, eso funciona perfecto. Ahora necesito implementar un reset con javascript para los textbox deshabilitados. ¿Es posible hacer esto con javascript?

Se que this.form.reset() permite resetar el valor de un textbox (dejarlo con el valor por defecto)
Pero no se como implementarlo en este codigo:

<form action="boleta" name="form_energia" method="post" >

foreach ($boletas as $key => $boleta){

<tr>

<td>
<input type="text" name="data[Boleta][lectura_anterior_mod][<?php echo $key; ?>]"
id ="lectura_anterior<?php echo $key; ?>" disabled="disabled" />
</td>
<td>
<input type="text" name="data[Boleta][lectura_actual_mod][<?php echo $key; ?>]"
id ="lectura_actual<?php echo $key;?>" disabled="disabled" />
</td>
<td>
<?php echo "<input type='checkbox'
onClick='
if(this.checked==true){
this.form.lectura_anterior$key.disabled=false;
this.form.lectura_actual$key.disabled=false;
this.form.comentario$key.disabled=false;
this.form.reset(); // Esta linea no me funciona
}
else{
this.form.lectura_anterior$key.disabled=true;
this.form.lectura_actual$key.disabled=true;
this.form.comentario$key.disabled=true;
}'
/>"; ?>
</td>
<td>
<input type="text" name="data[Boleta][comentario][<?php echo $key; ?>]"
id="comentario<?php echo $key; ?>" disabled="disabled" />
</td>
</tr>
<?php } ?>
</table>
<input type="submit" value="Siguiente" />
</form>

No se si me explico. De antemano muchas gracias por su tiempo.

[Dradi7]

Primero verifica que valores por defecto tiene tu formulario acuerdate que el reset te volverá a los valores por defecto que han sido asignado, digamos que yo tenga asi mi input text

Código HTML:

<input type="text" name="nombre" value="Luis Fernando" />
 

como ves si tu cambias el value de este input text una vez que esta ejecutado y haces el reset volvera al valor por defecto hasta ahi todo bien.

Ahora para hacer el reset mejor usa esto document.forms["myform"].reset();

[informatico2013]

Gracias por tu respuesta.

Iniciado por Dradi7

Primero verifica que valores por defecto tiene tu formulario acuerdate que el reset te volverá a los valores por defecto que han sido asignado, digamos que yo tenga asi mi input text

Si lo se, solo se me olvido poner aqui los valores por defecto, pero en el codigo original los tengo de esta forma:

Código:

<input type="text" name="data[Boleta][lectura_actual_mod][<?php echo $key; ?>]"
id ="lectura_actual<?php echo $key;?>" value ="<?php echo $lectura_anterior; ?>" disabled="disabled" />

Iniciado por Dradi7

Ahora para hacer el reset mejor usa esto document.forms["myform"].reset();

Ok, Si actualmente estoy ocupando esto para habilitar o deshabilitar los textbox dinámicos que por defecto vienen deshabilitados.

Código PHP:

                                    <?php echo "<input type='checkbox'  
                                   onClick=' 
                                   if(this.checked==true){ 
                                        this.form.demanda_mS_mod_id$key.disabled=false; 
                                        this.form.demanda_mHP_mod_id$key.disabled=false; 
                                        this.form.comentario$key.disabled=false; 
                                   } 
                                   else{  
                                        this.form.demanda_mS_mod_id$key.disabled=true; 
                                        this.form.demanda_mHP_mod_id$key.disabled=true; 
                                        this.form.comentario$key.disabled=true; 
                                   }'                                   
                                   />"; ?>   

¿Como puedo implementar la funcion document.forms["myform"].reset(); a este codigo?,
¿Como puedo resetear el valor de un textbox dinamico especifico deshabilitado (disabled="disabled") de un formulario?
¿Hay alguna otra forma de hacer esto solo con javascript?


Muchas gracias, estare atento a sus comentarios.

[Dradi7]

Primero supongo que quieres deshabilitar todos los controles de tu formulario entonces crea una funcion javascript aparte y solo llama el nombre de la función en el evento onclick de tu checkbox (aunque esto no es buena practica)

Asi debe quedar tu checkbox

Código Javascript:

<input type='checkbox' onclick="resetear()" />
 

tu codigo javascript como debe ser

Código Javascript:

// instanciando en una variable los elementos de tu formulario
var frm = document.forms["frm"];
var elements = frm.elements;
 
// recorriendo todos los elementos de tu formulario
for(var x=0;elements[x];x++){
    if(elements[x].type==="text"){
        elements[x].disabled = true;
    }
}
 
// realizando el reset
frm.reset();
 

[informatico2013]

Iniciado por Dradi7

Primero supongo que quieres deshabilitar todos los controles de tu

No necesariamente.

En los textbox que bienen deshabilitadas, el usuario ve los valores que tiene por defecto, si estos estan bien, los deja tal cual como están, sino, habilita el textbox con los datos malos e ingresa los datos correctos, pero si se equivoca podría dejar el textbox deshabilitado, ese textbox debe ser reseteado.

Si hiciera un reset a todos los textbox restauraría los valores por defecto y se perderían los datos ingresados por el usuario.

[Dradi7]

pero recuerda que el reset afecta a todo el formulario y a todos los controles que se encuentran en el, en todo caso lo que yo te puse puedes mejorarlo solo diciendo que controles vas a deshabilitar o no

[informatico2013]

Ok, gracias.