ラジオボタン選択でtextfieldをアクティブにするには？

質問

■下記サンプルソースのラジオボタン「はい」を選択するとtextfieldがアクティブになるJavaScriptがわからず困っております。教えて頂けないでしょうか。
（ページ開いた際は「いいえ checked」でtextfieldはグレーで入力無効）

可能であればシンプルなソースで「最新のWinIE、MacSafari」に対応していると非常に助かります。先輩方よろしくお願いします。

<form name="form1" method="post" action="">
<table>
<tr>
<td>■「はい」を選択すると、textfield（カテゴリー1～4）がアクティブになる</td>
</tr>
<tr>
<td>
<input name="radiobutton" type="radio" value="radiobutton">はい　
<input name="radiobutton" type="radio" value="radiobutton" checked>いいえ
</td>
</tr>
<tr>
<td>
カテゴリー1<input name="textfield" type="text" size="30" maxlength="30">
<br>
カテゴリー2
<input name="textfield22" type="text" size="30" maxlength="30">
<br>
カテゴリー3
<input name="textfield32" type="text" size="30" maxlength="30">
<br>
カテゴリー4
<input name="textfield42" type="text" size="30" maxlength="30">
</td>
</tr>
</table>
</form>

回答No.1

BLUEPIXY · ベストアンサー

<input name="textfield" type="text" size="30" maxlength="30" disabled>
にしておいて
document.form1.textfield.disabled=false;
にするとアクティブに
document.form1.textfield.disabled=true;
にするとディスエイブルになります。