ユーザーがラジオボタンを選択していない場合、入力フィールドをクリックできないようにしたいと思います。以下は単純な HTML フォームです。
<form method="POST">
<input type='radio' name='a' value='a' id='checkMe' /> a
<input type='radio' name='a' value='b' id='checkMe' /> b
<input type='radio' name='a' value='c' id='checkMe' /> c
<input type='submit' value='choose' id='choose' disabled="disabled"/>
</form>
さて、このjsを作成して、入力の1つが選択されているかどうかを確認し、そのdisabled="disabled"
部分を尊重する必要がありますが、このJavaScriptコードではそうです
if(document.getElementById('checkMe').checked) {
document.getElementById('choose').disabled=false;
}
オンラインデモはこちら。http://jsfiddle.net/2HC6s/