JavaScript / CSS 編 - ラジオボタンの選択項目によりテキストボックスを無効にする - futomi's CGI Cafeセレクトメニューやラジオボタンで選択させ、ある項目を選択した場合には、次の項目を無効（入力・選択不可）にしたいことはあるでしょう。次の例を試してみてください。 有効 無効 当初、ラジオボタンはどちらも選択されておりませんね。この状態では、テキストボックスは入力可能です。次に「無効」をチェックすると、隣のテキストボックスはグレーになり入力できなくなりますね。そして、「有効」にチェックを入れると、テキストボックスは白色に変わり入力できるようになります。これは、JavaScript と CSS を組み合わせて実現します。それでは、実現方法をご紹介しますね。 まずは、上のフォームの HTML を見てください。次のようになっています。 <body onload="radioChange()"> ・ ・ ・ <form name="form1"> <input type="radio" nam
