jQuery <その他リファレンス メモ> 言語 等 CSSHTML JavaScriptPython ライブラリ・プラットフォーム jQuerymicro:bit Xamarin ドキュメンテーション DoxygenJSDoc MarkdownSHFB XML ドキュメント コメント その他 各種資料 子サイト 簡易リファレンス・Tips サポート寄付 セレクタ (Selectors) :selected【選択状態要素】 :selected【選択状態要素】メモ選択状態の要素を選択 チェックボックス・ラジオボタンを含む場合は、:checked【チェック状態・選択状態 要素】 パフォーマンス ネイティブ DOM querySelectorAll() 未使用の為、低速純粋なCSSセレクタを使用後、 .filter(":selected") を使用した方が高速 選択対象 選択状態の HTML5:<option>【選択リストの選択項目】 構文 jQuery( ":selected" ) 1.0関連jQuery リファレンス メモ セレクタ一覧 :checkbox【チェックボックス要素】 :radio【ラジオボタン要素】 :checked【チェック状態・選択状態 要素】 HTML5 リファレンス メモ <select>【選択リスト】 <option>【選択リストの選択項目】 jQuery (英語) :checked Selector :selected Selector 例 <div id="id1"> <p> <label><input type="checkbox"><input type="checkbox"></label> <label><input type="checkbox" checked><input type="checkbox" checked></label> </p> <p> <label><input type="radio" name="radio1"><input type="radio" name="radio1"></label> <label><input type="radio" name="radio1" checked><input type="radio" name="radio1" checked></label> </p> <select> <option><option> <option selected><option selected> <option><option> <option><option> <option><option> </select> <select size="5"> <option><option> <option selected><option selected> <option><option> <option><option> <option><option> </select> <select size="5" multiple> <option><option> <option selected><option selected> <option><option> <option selected><option selected> <option><option> </select> <p id="output1" style="color:red;"></p> </div> <style> .style1 { color:red; background-color:yellow; border:2px red dashed; } </style> <script> var list = $( "#id1 :selected" ); list.addClass("style1").append(" (選択)"); var msg = "項目数 = " + list.length; $( "#output1" ).append(msg); </script> <input type="checkbox"> <input type="checkbox" checked> <input type="radio" name="radio1"> <input type="radio" name="radio1" checked> <option><option selected><option><option><option> <option><option selected><option><option><option> <option><option selected><option><option selected><option> <div id="id2"> <p> <label><input type="checkbox"><input type="checkbox"></label> <label><input type="checkbox" checked><input type="checkbox" checked></label> </p> <p> <label><input type="radio" name="radio2"><input type="radio" name="radio2"></label> <label><input type="radio" name="radio2" checked><input type="radio" name="radio2" checked></label> </p> <select> <option><option> <option selected><option selected> <option><option> <option><option> <option><option> </select> <select size="5"> <option><option> <option selected><option selected> <option><option> <option><option> <option><option> </select> <select size="5" multiple> <option><option> <option selected><option selected> <option><option> <option selected><option selected> <option><option> </select> <p id="output2" style="color:red;"></p> </div> <style> .style2 { color:blue; background-color:yellow; border:2px blue dashed; } </style> <script> var list = $( "#id2 *" ).filter( ":selected" ); list.addClass("style2").append(" (選択)"); var msg = "項目数 = " + list.length; $( "#output2" ).append(msg); </script> <input type="checkbox"> <input type="checkbox" checked> <input type="radio" name="radio2"> <input type="radio" name="radio2" checked> <option><option selected><option><option><option> <option><option selected><option><option><option> <option><option selected><option><option selected><option>