ベストアンサー

非表示の方法について

2014/12/08 11:43

<html> <head> <title>あかさ</title> </head> <body> <input type="checkbox">　非表示 あいうえお かきくけこ さしすせそ </body> </html> このような形でチェックボックスを置き、チェックすると <body>～</body> 内のものを非表示にしたいのですがどのようにすればいいのか分かりませんよろしくお願いします。

ryiryilp
お礼率38% (18/47)

JavaScript
回答数2
ありがとう数1

みんなの回答 （2）
専門家の回答

質問者が選んだベストアンサー

ベストアンサー

fujillin
ベストアンサー率61% (1594/2576)

2014/12/09 09:11 回答No.2

要素のstyle属性のdisplayをnone/block/inlineなどに指定し直すことで表示/非表示を制御できます。レイアウトを維持したままであれば、visibilityをhidden/visibleでも同様になります。（見えなくするだけなら、要素の透明度を0（=透明）にするという方法もあります）＞このような形でチェックボックスを置き、チェックするとチェックボックスのchangeイベントを取得して、チェックされていたら上記の様な方法で非表示になさるとよろしいでしょう。