チェックボックスの非活性可(disabled)

フォーム等を作成する際にチェックボックスを設置することも多いかと思いますが、過去のイベントをチェックできないようにするなどチェックできないように非活性にすることが必要になることもありますよね。

そんな時に、チェックボックスを非活性にする方法を、メモします。

1.「チェックボックスを非活性にする」とは

「チェックボックスを非活性にする」というとちょっと分かりにくいですが、要はチェックボックスをチェックできないような状態にするということです。
通常のチェックボックスはクリックするとオン・オフが切り替えられますが、クリックしても何も起こらないようにすることが「チェックボックスの非活性化」です。

チェックボックス 活性
チェックボックス 非活性

 

 

2.inputタグにdisabledを記述する

チェックボックスを非活性にするには、inputタグ内に「disabled=”disabled”」を記述します。

<label><input type=”checkbox” name=”title” value=”1月20日(木)” disabled=”disabled”>1月20日(木)</label>

 

1月20日(木)

コメントを残す

メールアドレスが公開されることはありません。 が付いている欄は必須項目です