Saludos, se me ocurre que lo podrias realizar de la siguiente forma:
Código HTML:
<input name="pago" type="radio" value="tdc" onClick="validate_radio1()">
<input name="pago" type="radio" value="retiro" onClick="validate_radio2()">
luego creas dos funciones javascript para que controles, cuando hagas click sobre una de ellas se te active la funcion
Código HTML:
function validate_radio1()
{
habilita_aprobado();
}
function deshabilita_aprobado()
{
document.getElementById('tdc').style.display='none';
}
function habilita_aprobado()
{
document.getElementById('tdc').style.display='block';
}
function validate_radio2()
{
habilita_aprobado2();
}
function deshabilita_aprobado2()
{
document.getElementById('retiro').style.display='none';
}
function habilita_aprobado2()
{
document.getElementById('retiro').style.display='block';
}
y por ultimo tus tablas con un id
TDC Código HTML:
<table id="tdc" width="100%" border="0" cellpadding="0" cellspacing="0" id="tdc"> <tr> <td><input name="campo1" type="text" id="campo1"></td> </tr>
</table>
Retiro Código HTML:
<table id="retiro" width="100%" border="0" cellpadding="0" cellspacing="0" id="retiro"> <tr> <td><input name="campo2" type="text" id="campo2"></td> </tr> </table>
Y por ultimo en el body activas las funciones para que no aparezca la tabla y solamente aparecera cuando oprimas sobre el radio
Código HTML:
<body onload="deshabilita_aprobado(),deshabilita_aprobado2()" >
Bueno espero que esto te sirva o sino que por lo menos te de una idea de como podrias solucionarlo.
Hasta Pronto
