2008-08-13から1日間の記事一覧

チェックボックスのチェックを反転させるボタン

$() で取得した checkbox を each で回して属性を設定する、ってだけ。each が それぞれのDOM要素に対して,指定した関数を実行します. DOM要素がthisになって関数が実行されます. jQueryオブジェクトとして扱いたい場合は,$(this)とラッパする必要があり…

チェックボックスの on/off を切り替えるボタン

JavaScript $(function() { $("#on").click(function() { $("#main :checkbox:not(:checked)").attr("checked", "checked"); }); $("#off").click(function() { $("#main :checkbox:checked").attr("checked", ""); }); }); HTML(ボタン部分のみ) <input type="button" value="一括チェック" id="on" />

フォーカスで背景色変更

jQuery のお勉強の手始めとして text などにフォーカスが当たったら背景色を変更する、というありがちなモノを試してみた。 /* * フォーカスが当たった部分の背景色を変更する。 * * id="main" に存在する input, textarea, select, button にフォーカスが当…