CSSの:has()を使ってラジオボタン要素切り替え【JSパターンも】 - Qiita

CSSの:has()が便利だったのでメモです。 当初JSとcssを使ってましたが、has()を使うことでcssのみでいけました。 行いたいこと ラジオボタンクリックで要素を表示 初期状態では要素非表示 １をclickした場合 ２をclickした場合 :has()で要素表示切替 初期状態ではaddクラスが非表示 .wrap:has(#radio1:checked) ... wrap内で#raido1がcheckされていたらblock <div class="wrap"> <input type="radio" name="radioName" id="radio1"> <label for="radio1" onclick="isDisplayTime()">１の場合</label> <div class="add js-add"> <div class="box">要素</div> </d