[katyos.Lab]


1 | 2 | 3 | 4 | 5 |oldest Next >>

jQueryでチェックボックスの全選択と全解除を超簡単に実装

2010-07-30 17:44:37 Theme: jQuery の小技
HTMLのフォームでチェックボックスを使うときに全て選択や全て解除ボタンを
用意してチェックさせる機能をつける場合、javascriptを使うのですが、
jQueryを使うとサクっと超簡単にできます。

実装方法はこれ!

//全てのチェックボックスをチェック
$("全てチェックのボタンID名").click(function(){
$("フォームID名 input:checkbox[@type='checkbox']").attr('checked', true);
return false;
});

//全てのチェックボックスのチェックを解除
$("全て解除ボタンID名").click(function(){
$("フォームID名 input:checkbox[@type='checkbox']").attr('checked', false);
return false;
});

これだけで終わりです。
簡単ですねビックリマーク
ID名は先頭に「#」を入れてください。

こんな感じ!
#hogehoge

jQueryのダウンロードはこちら

別の方法!
全選択をチェックボックス1つにして選択・解除をする方法
AD
いいね!した人  |  Comments(0)  |  リブログ(0)
最近の画像つき記事
 もっと見る >>

jQueryで要素の表示された縦横サイズを取得する方法

2010-07-22 18:37:11 Theme: jQuery の小技
画象とか表示されたときにサイズを取得して縦が長いのか横が長いか
調べたり、要素のサイズを知りたいときに簡単な方法を調べていたら
ありました!

jQuery で要素の表示時の縦横サイズ取得、あと img 要素の onload とか
$(function() {
$(window).bind('load', function() {
alert($('#image').width());
alert($('#image').height());
});
});

jQueryで要素の表示された後に縦横サイズを取得できるみたいです!
こんど使ってみます。

$(window).bind('load', function() {
で読み込み完了時に処理させることができるんですね。
AD
いいね!した人  |  Comments(0)  |  リブログ(0)

新着情報に使えるjQueryの超シンプルティッカー

2010-07-13 11:04:39 Theme: jQuery の小技
シンプルで利用も簡単なjQueryの超シンプルティッカーを見つけました!
お知らせをスペースがない場合やコンパクトにしたい場合に便利です。

Super simple jQuery ticker
ティッカーのデモ

$(document).ready(function(){
$('#ticker').list_ticker({
speed:2000,
effect:'fade'
})
})
AD
いいね!した人  |  Comments(0)  |  リブログ(0)
1 | 2 | 3 | 4 | 5 |oldest Next >>

AD

Ameba人気のブログ

Amebaトピックス

      ランキング

      • 総合
      • 新登場
      • 急上昇
      • トレンド

      ブログをはじめる

      たくさんの芸能人・有名人が
      書いているAmebaブログを
      無料で簡単にはじめることができます。

      公式トップブロガーへ応募

      多くの方にご紹介したいブログを
      執筆する方を「公式トップブロガー」
      として認定しております。

      芸能人・有名人ブログを開設

      Amebaブログでは、芸能人・有名人ブログを
      ご希望される著名人の方/事務所様を
      随時募集しております。