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

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

jQuery

51-12)  1.  :checkbox フィルター(セレクター)

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

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

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

51-12 2. チェックボックスのフィルター(:checkbox)

 

:checkboxは type属性の値に(checkbox)が設定されてる
input要素だけを選択するフィルター

動作; ボタンがクリックされると、全てのチェックボックスのchecked属性をcheckedとする。

jQueryの書き方 /*------------------------------------ */
//51-12) チェックボックスのフィルター (:checkbox)
/*------------------------------------ */
$("button").click(function(){
  $(":checkbox").attr("checked","checked");
  return false;
});

cssの書き方 -----------------
HTMLの書き方 スキル:<br />
<label><input type="checkbox" name="スキル[]" value="XHTML"/>XHTML</label>
<label><input type="checkbox" name="スキル[]" value="CSS" />CSS</label>
<label><input type="checkbox" name="スキル[]" value="JavaScript"/>JavaScript</label>
<label><input type="checkbox" name="スキル[]" value="PHP"/>PHP</label>
<p><button class="btnStd_170 Gray">すべてにチェックを付ける</button></p>

51-12) 3. チェックボックスのフィルターの送信確認処理

スキル :skill