jQueryでチェックボックスを操作するさまざまな方法
jQueryでチェックボックスのチェック状態や値の取得、チェックを付けたり外したり、チェック数の制限などさまざまな方法をご紹介します。 通常のイベントでは動かない、jQueryイベントで追加したチェックボックスの操作方法なども併せてお伝えします。 attr() は使わない attr()を使ったチェックボックスの操作は不具合が生じるため、本ページではチェックボックスの取得やチェック等の操作にattr()は使っておりません。 ※もちろん、それ以外については通常どおりattr()は使いますよ。 チェックボックスの取得 チェックが入っているかの状態や、チェックボックスの値を取得、また複数のチェックボックスの値を配列に格納する方法です。 チェックの状態を取得 チェックの状態を取得する3つの方法を一気にご紹介します。 HTML
console-1130
jQueryでどのように動作したかなどのデバッグをする際、アラートを使うことが多いかと思います。 ただ、毎回アラートがピコンピコン出るのは煩わしいですね。 そこで、ブラウザのコンソールを使ったデバッグをご紹介します。 ブラウザ上の表示は何も変わりませんが、コンソールと呼ばれる箇所に結果が出力されるため、デバッグに最適ですね。 コンソールとは？ ブラウザには、コンソールと呼ばれる、入出力ウィンドウが実装されています。 コンソールに文字列を出力して、動作確認やデバッグに活用することができます。 出典：JavaScript プログラミング講座 何故かプログラムが上手く作動しない際に、変数の中身をコンソールに出力したり、要素がきちんと取得できてるかなど、使う頻度はかなり高いかと思います。 google chrome、firefox、IEでの確認方法を次でご紹介します。 コンソールの確認方法 win
jQueryのnext()やprev()などで兄弟要素を取得
ボタンをクリックしたらその横の要素だけ色を変えたり、ズラリと並ぶタブのうち、クリックした兄弟の要素だけ表示させたりなど$(this)と併用して使うことが多いですね。 次の要素だけでなく、前の要素や、次以降の特定の要素、自要素以外の兄弟要素など、用途によっていくつかメソッドが用意されていますので、それらを見ていきましょう。
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
PHPのfor文で繰り返し処理（HTML埋め込みでもスッキリな書き方も）
