チェックボックスに合わせてテキスト入力欄の有効・無効を切り替える方法 - JavaScript TIPSふぁくとりー《2017年6月15日 12:30 PM 公開/更新》 チェックボックスに合わせてテキスト入力欄の有効・無効を切り替える方法 [入力フォーム] チェックボックスと連動するテキスト入力欄があるフォームでは、チェックボックスにチェックが入っているときにだけ対応するテキスト入力欄を有効化(＝文字が入力できる状態)し、チェックが入っていない場合はテキスト入力欄を無効化(＝文字が入力できない状態)すると分かりやすくて便利です。JavaScriptを使って、条件に応じて対象テキスト入力欄のdisabledプロパティの値を変えるだけで、簡単に有効化・無効化を切り替えられます。 チェックボックスに合わせてテキスト入力欄の有効・無効を切り替えると分かりやすくて便利 チェックボックスのチェック状態と連動するテキストフォームを作るHTML＋JavaScriptソース 有効化・無効化は、disabledプロパティ
