:checked クラス
:checked クラスは、<input type="radio">、<input type="checkbox"> や <select> の <option> エレメントにおいて選択されたら、設定されたスタイルを反映する擬似クラスです。
ページ内 Index
構文(Syntax)
CSS
DOM ( JavaScript )
疑似クラスはDOM ( JavaScript )から操作できません。
該当するものは<input>ではHTMLInputElement.checked、<select>の<option>ではHTMLOptionElement.selectedが選択されているかを取得することです。
選択されるとtrue、選択されていないのならfalseが返ります。
スタイルのみの操作は擬似クラスを利用したほうが簡易です。以下は例です。
in HTML
in JavaScript
Example
:checkedの例です。