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] document.writeで出力した文字列にアンカーを設定する

document.writeで出力した文字列にアンカーを設定するサンプルです サンプルソース 例)文字列「備考」にアンカ ...

[JavaScript] 配列の並びを逆順にする(.reverse)

配列の並びを逆順にするには、.reverse()を使用します。 サンプルソース 例)配列「1,2,3,4,5」の並びを逆 ...

[JavaScript] テキストボックスの値の取得と設定を行う

テキストボックスの値の取得と設定を行うサンプルです。 テキストボックスの値を取得するサンプル 例)ボタンを押すとvalu ...

[JavaScript] 条件がfalseの場合のみコンソールに出力する(console.assert)

条件がfalseの場合のみコンソールに出力するには、console.assertを使用します。 サンプルソース 例)co ...

[JavaScript] マウスが移動したイベントを取得する(onMouseMove)

マウスが移動したイベントを取得するには、onmousemoveを使用します。 サンプルソース 例)divタグ(id="a ...

スポンサーリンク