Webエンジニア 新人日記

Webエンジニアになりました。元々はCOBOLやらBASICやらでプログラムしてました。C言語やVisualBasicは趣味でやっていましたが、久々に現場復帰ということです。資格はエンベデッドスペシャリスト、DBスペシャリスト、ネットワークスペシャリスト、セキュリティスペシャリスト、システムアーキテクト、プロジェクトマネージャ他を所有

【HTML】checkboxを変更させない方法

checkboxを変更させない方法としては、disabled属性を変更する方法がある。

<input type="checkbox" name="regist[]" value="1" disabled="disabled">

こうすると、グレー表示になりいかにも変更できないっぽい。
ただし、欠点は「送信されない」こと。これに尽きる。

調べた結果、readonlyは使えないみたい。

解決方法はいくつかあって、となりにhiddenで送信するものを作る方法。でも、値を動的には変わらないので面倒。

そこで、

<input type="checkbox" name="regist[]" value="1" onclick="return false;">

見た目は変わらなくなったけど、クリックしても変更しない。
値もちゃんと送信されてOK。