構文チェックされた要素(チェックボックス/ラジオボタン)を選択$(":checked")ver1.0〜※:(コロン)を忘れないように注意しましょう機能:(コロン)に続けてcheckedを設定するとチェックされた要素を選択します。チェックボックスだけでなくラジオボタンのチェックも選択されます。:selectedがあります。こちらはselect要素で選択されているoption要素を取得する時に利用します。解説チェックされた要素を選択サンプル(checked/01.html)を開いてbody内の構成を確認してください。チェックボックスとラジオボタンのセットが記述されており、各セットのうち1つだけチェックが入っています。parentメソッドを利用して親要素のlabelを選択します(チェックボックスやラジオボタン自体にはボーダーを設定できないため代わりにlabelを選択します)。cssメソッドを利用して赤枠を付けます。red");});このサンプルでは:checkedの選択しか行っていないので、別の値ラジオボタンをクリックしても赤枠が消えることはありません。選択に合わせて赤枠を移動させるサンプルは次項で紹介します。選択に合わせて赤枠を移動サンプル(checked/02.html)を開いてbody内にラジオボタンが1セットあることを確認してください。C</label>jQueryは以下の様になっており、inputタグがクリックされたらチェックが入っている要素の親要素(label)を赤枠で囲みます。:notを利用して選択されていない要素は赤枠を消しています。red");$("input:not(':checked')").parent().css("border","0px");})結果として、クリックでチェックされる要素が変わるたびに、チェックされた要素に赤枠が付くようになります。:selectedを利用します。changeイベントを利用すれば、チェックが変更された時の処理を設定することができます。