Forum Moderators: phranque
Could any one tell me please if it is possible to make a radio button that shows a text input field only when it is checked?
I assume this could be done with Ajax / javascript?
[PHP]<head>
<script language="javascript">
function ShowHide(frm){
if(frm.payment[0].checked == true){
document.getElementById('Paymate').style.display = '';
document.getElementById('Paypal').style.display = 'none';
}
if(frm.payment[1].checked == true){
document.getElementById('Paymate').style.display = 'none';
document.getElementById('Paypal').style.display = '';
}
}
</script>
</head>[/PHP]
[PHP]<form name="frm1">
<table width="350" border="0" cellspacing="1" cellpadding="3">
<tr>
<td width="77" align="right" valign="middle"><input name="payment" type="radio" value="Paymate" onClick="ShowHide(this.form);"></td>
<td width="250">Paymate</td>
</tr>
<tr>
<td align="right" valign="middle"><input name="payment" type="radio" value="Paypal" onClick="ShowHide(this.form);"></td>
<td>Paypal</td>
</tr>
<tr>
<td colspan="2" align="left" valign="middle" id="Paymate" style="display:none;"><table width="100%" border="0" cellspacing="2" cellpadding="1">
<tr>
<td width="23%" align="left" valign="middle">Paymate ID </td>
<td width="77%">:
<input name="PaymateID" type="text" id="PaymateID"></td>
</tr>
</table></td>
</tr>
<tr>
<td colspan="2" align="left" valign="middle" id="Paypal" style="display:none;"><table width="100%" border="0" cellspacing="2" cellpadding="1">
<tr>
<td width="23%" align="left" valign="middle">Paypal ID </td>
<td width="77%">:
<input name="PaypalID" type="text" id="PaypalID"></td>
</tr>
</table></td>
</tr>
</table>
</form>[/PHP]
