ラジオボタンのデザインをカスタマイズする-その2
本来のラジオボタンは非表示にする。
label要素のclassを状況【非選択/選択中/非選択-マウスオーバ/選択中-マウスオーバ】に応じて書き換える。
選択中の要素を再度クリックする事で非選択の状態に変化させる。
特に修飾等をしていないラジオボタン
InternetExplorer
Firefox
Opera
ラジオボタンカスタマイズjavascriptの適用サンプルその1
InternetExplorer
Firefox
Opera
ラジオボタンカスタマイズjavascriptの適用サンプルその2
InternetExplorer
Firefox
Opera
ラジオボタンカスタマイズjavascriptの適用サンプルその3
InternetExplorer
Firefox
Opera
送信後のURL欄でラジオボタンの送信内容が確認できます。