Here is the change to your HTML:
HTML Code:
<tr>
<td>
<input type="radio" name="OPS" value="15.00"
onclick="return HandleRadioOtherBox(OPS, opsmoney)" /></td>
<td>$15.00 </td>
</tr>
<tr>
<td width="5%">
<input type="radio" name="OPS" value="25.00"
onclick="return HandleRadioOtherBox(OPS, opsmoney)" /></td>
<td width="95%"> $25.00 </td>
</tr>
<tr>
<td width="5%">
<input type="radio" name="OPS" value="50.00"
onclick="return HandleRadioOtherBox(OPS, opsmoney)" /></td>
<td width="95%">$50.00 </td>
</tr>
<tr>
<td width="5%">
<input type="radio" name="OPS" value="75.00"
onclick="return HandleRadioOtherBox(OPS, opsmoney)" /></td>
<td width="95%">$75.00 </td>
</tr>
<tr>
<td width="5%">
<input type="radio" name="OPS" value="opsmoney"
onclick="return HandleRadioOtherBox(OPS, opsmoney)" /></td>
<td width="95%"><b>$</b>
<input name="opsmoney" type=text id="opsmoney" size="20" / ></td>
</tr>
and here is the JavaScript code:
Code:
function HandleRadioOtherBox(grp, txt)
{
var x, len = grp.length;
for (x=0; x<len; ++x)
{
if (grp[x].checked) break;
}
if (x < len && grp[x].value == txt.name)
{
txt.disabled = false;
txt.select();
txt.focus();
}
else
{
txt.value = "";
txt.disabled = true;
}
return true;
}
window.onload = function()
{
var ele = document.forms[0].elements;
return HandleRadioOtherBox(ele['OPS'], ele['opsmoney']);
}
Bookmarks