Mi problema es el siguiente necesito aparecer y desparecer un texto cuando se de clic en un radiobutton. Para ser más especifico, los radiobuttons son Si (aparecer) y No (desaparecer)
y en cuanto a ello no tengo ninguna duda, lo que no sé es en que evento del radio le coloco mi funcion de JS.
Aqui anexo el código, no sé si tenga algún error.
JavaScript
:
-------------------------------------------------------------------------------
function cambiar(){
if (document.forms[0].cambiarpas.value == 'true') {
document.getElementById('confirmar').style.visibil ity = 'visible';
document.getElementById('introducir').style.visibi lity = 'visible';
document.getElementById('intpas').style.visibility = 'visible';
document.getElementById('confpas').style.visibilit y = 'visible';
document.getElementById('tdintro').style.bgcolor = '#0280CA';
document.getElementById('tdconf').style.bgcolor = '#0280CA';
}
if (document.forms[0].cambiarpas.value == 'false') {
document.getElementById('confirmar').style.visibil ity = 'hidden';
document.getElementById('introducir').style.visibi lity = 'hidden';
document.getElementById('intpas').style.visibility = 'hidden';
document.getElementById('confpas').style.visibilit y = 'hidden';
document.getElementById('tdintro').style.bgcolor = '#FFFFFF';
document.getElementById('tdconf').style.bgcolor = '#FFFFFF';
}
}
-------------------------------------------------------------------------------
Código HTML:
-------------------------------------------------------------------------------
<tr>
<td height="24" class="titulocampo"><font color="#FFCC00" size="2" face="Tahoma, Garamond, Arial Rounded MT Bold"> </font>
¿ Desea cambiar su contraseña ?</td>
<td colspan="2" class="valorcampo"><p>
<input type="radio" id="cambiarpas" value="true" onClick="cambiar()">
Sí
<input type="radio" id="cambiarpas" value="false" onClick="cambiar()">
No
</p></td>
</tr>
<tr>
<td height="24" class="titulocampo" id="tdintro"><span id="introducir" class="titulocampo">Introduzca la nueva
contraseña: </span></td>
<td colspan="2" align="left" class="valorcampo"><font size="3" face="Verdana, Tahoma, Garamond">
<input name="intpas" type="text" id="intpas" size="30">
</font></td>
</tr>
<tr>
<td height="24" class="titulocampo" id="tdconf"><span id="confirmar" class="titulocampo">Confirmar nueva contraseña: </span></td>
<td colspan="2" align="left" class="valorcampo"><font size="3" face="Verdana, Tahoma, Garamond">
<input name="confpas" type="text" id="confpas" size="30">
</font></td>
</tr>
Sé que es mucho código pero les agardecería me ayuden a buscar el error ...
Por su atención.. gracias