チェック付いているラジオボタンのラベルに色を付ける

動くサンプルはこちら。以下、HTMLとJSです。

ラベルは、ラジオを囲むように配置しているのを前提としています。また、肝心の色は、CSSで設定するようにしました。

radioColor関数内では、まずチェックされたラジオボタンの名前(name)を抜き出します。次に、同じ名前を持つラジオボタン一群のラベルから、一旦クラスを取り除きます。その後、自分のラベルにクラスを付けます。(クリックされたということは、自分にチェックが入るので)

最後の2行は、イベントの付与と初期画面表示時のイベント発動です。

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です