株式会社アイネックスはソフトウェアの開発、ホームページの作成ツール企業です。

     横浜、東京に拠点を置き、検証システム/金融・証券のシステム等の構築、開発を行い、
ホームページの作成ツール支援と多岐にわたるソリューションを提供します。

jQuery

51-11)  1.  :radio フィルター(セレクター)

:radioフィルターは、フォームの部品を選択するフィルター機能のセレクターです。

:radio フィルター
input要素のtype属性が『radio』だけを選択できるフィルターです。

書式;
$(":radio").click(function(){
   フィルターの選択要素がクリックされた時に実行する処理
});

51-11) 2. ラジオボタンのフィルター(:radio)

 

: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>



51-11) 3. :radio フィルターの送信確認処理

性別 :sex