[SOLUCIONADO] reset form al quitar selección de un checkbox

IIZeusII · #1 (**permalink**) 12/03/2013, 11:26

Buenas nuevamente ando por acá para seguir aprendiendo.... El problema que tengo es que tengo el siguiente código.

Código:

<html>
<head>
<script language="javascript">
function opera(){
var uno = document.all.uno.value;
var dos = 2;	
var tres= document.all.resultado.value =(uno / dos)+ " Cajas ";
}
</script>
</head>
<body>
<form name='nombreForm' id='form' method='post' />
  <input type='checkbox' name='medicamentos' onclick='document.nombreForm.uno.disabled = false; 
uno.disabled = !this.checked; document.nombreForm.tres.disabled = false; tres.disabled = !this.checked;'/>
  <select name='uno' id='uno' onChange='opera();' disabled>
<option value='0'>Seleccione...</option>
            <option>2</option>
            <option>4</option>
			<option>6</option>
			<option>8</option>
			<option>10</option>
			<option>12</option>
  </select>
  <input name='tres' type='text' id='resultado' disabled></input>
    </form>
</body>
</html>

al darle al checkbox me activa el select y el input todo bien hasta ahí, pero cuando quito la selección del checkbox y me desactiva todo, se quedan los datos tanto en el SELECT como en el input. Como hago para que cuando quite la selección me borre esos datos y quede como al principio? Probe con OnReset y Onclick pero para ser sincero como soy nuevo en todo esto de PHP no se donde colocarlo.

De ante mano muchas gracias.

miguec04 · #2 (**permalink**) 13/03/2013, 10:51

Yo entendí esto, espero sea y claro te sirva.

Código HTML:

Ver original<html>
<head>
<script language="javascript">
function opera(){
    var uno     = document.all.uno.value;
    var dos     = 2;    
    var tres    = document.all.resultado.value =(uno / dos)+ " Cajas ";
}
 
function Checked(input) {
    document.nombreForm.uno.disabled            = false; 
    document.nombreForm.uno.disabled            = !input.checked; 
    
    document.nombreForm.resultado.disabled      = false; 
    document.nombreForm.resultado.disabled      = !input.checked;
 
    if(!input.checked) {
        document.getElementById('uno').value                = 0;
        document.getElementById('resultado').value          = '';
    }
}
 
</script>
</head>
    <body>
        <form name='nombreForm' id='form' method='post'>
            <input type='checkbox' name='medicamentos' onclick='Checked(this);'/>
            <select name='uno' id='uno' onChange='opera();' disabled>
                <option value='0'>Seleccione...</option>
                <option>2</option>
                <option>4</option>
                <option>6</option>
                <option>8</option>
                <option>10</option>
                <option>12</option>
            </select>
            <input name='tres' type='text' id='resultado' disabled></input>
        </form>
    </body>
</html>

IIZeusII · #3 (**permalink**) 19/03/2013, 07:35

Excelente!! miguec04 muchas gracias por tu respuesta eso era justo lo que necesitaba.