AMTag:[CSS]CSSの:checked擬似クラスを使って、チェックボックスに連動して要素を表示させる方法を紹介します。1.はじめに次のようなチェックボックスがあるとします。チェックボックスのチェックに連動してテキストフィールドを表示(または非表示)させるものとします。このような制御を行いたい場合、次のようなjQueryを書けば実現できます(よりエレガントな書き方はあると思いますが)。</div></div>ここではjQueryを使わずCSSだけで実現する方法を紹介します。2.CSSだけで要素の表示・非表示を制御するCSSだけで要素の表示・非表示を制御するには、タイトルのとおり:checked擬似クラスを利用します。</div></div>まず、該当の要素を非表示にしておきます。style属性で指定すると目的の要素が表示されなくなるようなので、style要素で設定してください。none;}チェックボックスがチェックされると:checked擬似クラスが有効になり、隣接セレクタ(+)を使って非表示にした要素を表示させます。block;}動作はFirefox/Chromeで確認しています。*必須(非表示)URL(U):情報を保存する?コメントへの返信ご質問のコメントの回答については、内容あるいは多忙の場合、1週間以上かかる場合があります。すべてのご質問にはお答えできない可能性があります。Errorや500エラーが表示された場合は、すぐに再送信せず、ブラウザの「戻る」ボタンで一旦エントリーのページに戻り(プレビュー画面で投稿した場合は、投稿内容をマウスコピーしてからエントリーのページに戻り)、ブラウザをリロードして投稿コメントが反映されていることを確認してください。コメント欄に(X)HTMLタグやMTタグを記述される場合、「<」は「&lt;」、「>」は「&gt;」と入力してください。