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] コピー&ペーストを禁止する(onCopy, onPaste)

ページの文字コピーを禁止するサンプルと、 ページへのペースト(貼付け)を禁止するサンプルです。 ページのコピーを禁止にす ...

[JavaScript] 一番初めにゼロでない数値を返す

複数の値で、一番初めにゼロでない値を返す書き方です。 サンプルソース 例)複数の値で一番初めにゼロでない値を返す書き方の ...

[JavaScript] 独自例外を生成して投げる

独自例外を生成して投げるサンプルです。 サンプルソース 例)独自例外を生成して投げる [crayon-5cbf207cd ...

[JavaScript] 数値チェックを行う

指定された値が数値かどうかをチェックするサンプルFunctionです。 サンプルソース 例1)値が数値かどうかチェックす ...

[JavaScript] 配列の要素をシャッフルする

配列の要素をシャッフルするサンプルです。 サンプルソース 例)引数に受け取った配列をシャッフルするFunction [c ...

スポンサーリンク