横浜、東京に拠点を置き、検証システム/金融・証券のシステム等の構築、開発を行い、
ホームページの作成ツール支援と多岐にわたるソリューションを提供します。
:radioフィルターは、フォームの部品を選択するフィルター機能のセレクターです。
:radio フィルター |
input要素のtype属性が『radio』だけを選択できるフィルターです。 書式; $(":radio").click(function(){ フィルターの選択要素がクリックされた時に実行する処理 }); |
---|
:radioは type属性の値に(radio)が設定されてるinput要素だけを選択するフィルター
動作; ラジオボタンがクリックされると、対のlabel要素を太字に変更する。
jQueryの書き方 |
/*------------------------------------ */ //51-11) ラジオボタンのフィルター (:radio) /*------------------------------------ */ $(":radio") .click(function(){ $("label").css("font-weight",""); $("label[for='"+$(this) .attr("id")+"']") .css("font-weight","bold"); }); $("label") .click(function(){ $("label").css("font-weight",""); $(this).css("font-weight","bold"); }); |
---|---|
cssの書き方 |
------------------ |
HTMLの書き方 |
性別:<br/> <label><input type="radio" name="性別" value="男性" />男性</label> <label><input type="radio" name="性別" value="女性" />女性</label> |