JavaScript

[JavaScript] フォーム部品のDisable/Enableを切り替える

投稿日:2016年10月8日 更新日:

テキストボックスやボタンなどのDisable/Enableを切り替えるサンプルです。

サンプルソース

例)ボタンを押すたびにテキストボックスのDisableとEnableを切り替える

実行サンプル

ボタンを押すと、各フォーム部品のEnable/Disableが切り替わります。

 
  チェックボックス
  ラジオボタン
 

解説

  • Enable/Disableを設定するには、disabledプロパティにtrue/falseを設定します。
  • disabled=trueの要素はsubmitされません。
  • disabled=trueの要素は文字選択不可です。
  • readOnlyを使う方法もあります。詳しくは以下をご覧ください。
    →「テキストボックスを読み取り専用にする
    ※readOnlyはテキストボックス、テキストエリアのみ使用可能です。

スポンサーリンク

スポンサーリンク

-JavaScript
-, , , ,

執筆者:


comment

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

関連記事

[JavaScript] コンソールにオブジェクトの中身をテーブル形式で出力する(console.table)

コンソールにオブジェクトの中身をテーブル形式で出力するには、console.tableを使用します。 サンプルソース 例 ...

[JavaScript] Base64形式の画像データをcanvasに表示する

Base64形式の画像データをcanvasに表示するサンプルです。 サンプルソース 例)Base64文字列をcanvas ...

[JavaScript] オートコンプリート付のテキストボックスを生成する

オートコンプリート付のテキストボックスを生成するサンプルです。 サンプルソース 例)オートコンプリート付のテキストボック ...

[JavaScript] 画像が読込み中かどうかチェックする

画像が読込み中かどうかチェックするサンプルです。 サンプルソース 例)画像が読込み中かどうかチェックする [crayon ...

[JavaScript] undefinedとnullについて

undefinedと、nullについてまとめてみました。 どういった場合にundefinedやnullとなるか 変数を宣 ...

スポンサーリンク