JavaScript

HTMLで動的にコントロールの表示/非表示を切り替える

投稿日:2013/03/13 更新日:

動的にコントロールの表示/非表示を切り替える

HTMLとJavascriptを使って表示されているテキストボックス(INPUTタグ)の表示/非表示を切り替えます。

テキストボックス(INPUTタグ)の表示/非表示を切り替えるには

テキストボックス(INPUTタグ)の表示/非表示を切り替えるには表示する際にはstyle.visibilityvisibleを、非表示にする場合にはstyle.visibilityhiddenを設定します。

テキストボックス(INPUTタグ)の表示/非表示を切り替えるソース

以下がソースです。

実際に動作するボタン

ボタンを押下するとテキストボックス(INPUTタグ)の表示/非表示が入れ替わります。
以下が実際のボタンです。





-JavaScript
-, , , , , ,

Copyright© ソフトウェア開発日記 , 2018 All Rights Reserved.