- ベストアンサー
非表示の方法について
<html> <head> <title>あかさ</title> </head> <body> <input type="checkbox"> 非表示 <p>あいうえお</p> <p>かきくけこ</p> <p>さしすせそ</p> </body> </html> このような形でチェックボックスを置き、チェックすると <body>～</body> 内のものを非表示にしたいのですがどのようにすればいいのか分かりません よろしくお願いします。
- ryiryilp
- お礼率38% (18/47)
- JavaScript
- 回答数2
- ありがとう数1
- みんなの回答 （2）
- 専門家の回答
質問者が選んだベストアンサー
要素のstyle属性のdisplayをnone/block/inlineなどに指定し直すことで表示/非表示を制御できます。 レイアウトを維持したままであれば、visibilityをhidden/visibleでも同様になります。 （見えなくするだけなら、要素の透明度を0（=透明）にするという方法もあります） ＞このような形でチェックボックスを置き、チェックすると チェックボックスのchangeイベントを取得して、チェックされていたら上記の様な方法で非表示になさるとよろしいでしょう。
その他の回答 (1)
- Taiyonoshizuku
- ベストアンサー率37% (183/489)
回答No.1
<body>～</body>だと非表示っていうチェックボックスも消えるけど、 表示したいときどうするの？
