をクリックしてくださいセレクタ'input[type=checkbox]'
を使用します。ユーザーがShiftキーを押しながらクリックして一連のチェックボックスを選択できるようにしたい。これを達成するには、リスト内のチェックボックスのインデックスを取得する必要があります。そのインデックスを.slice(start, end)
に渡すことができます。ユーザーがボックスをクリックしたときにインデックスを取得するにはどうすればよいですか?jQueryのスライスとこれはおそらく、本当に簡単jQueryの質問ですが、私はそうマニュアルでは10分後にそれに答えることができませんでした...</p> <p>私はチェックボックスのリストを持っている、と私はそれらを得ることができ、イベント
4
A
答えて
8
次のセレクタはjQueryでも動作するはずです:。
:gt(index)
と:lt(index)
のフィルタを組み合わせて文字列にすることができます。したがって、5番目から7番目のチェックボックスを使用する場合は、input:checkbox:gt(4):lt(2)
を使用します。
現在クリックされているチェックボックスのインデックスを取得するには、$("input:checkbox").index($(this))
を使用してください。
1
これは、迅速な解決策であるが、そうのように、私は、おそらくインデックスヒントを使用して、それぞれのチェックボックスに一意のIDを与えるだろう:
<input id="checkbox-0" type="checkbox" />
<input id="checkbox-1" type="checkbox" />
<input id="checkbox-2" type="checkbox" />
<input id="checkbox-3" type="checkbox" />
<input id="checkbox-4" type="checkbox" />
あなたは、簡単にインデックスを取得することができます。
$(document).ready(function() {
$("input:checkbox").click(function() {
index = /checkbox-(\d+)/.exec(this.id)[1];
alert(index);
});
});
0
答えがありがとう、samjudson。
さらに実験したところ、$(':checkbox')
を使って選択することもできます。あなたは.slice()
関数を使って範囲を取得することができますが、セレクタで:gt
と:lt
というオプションを使用することもできます。私は.slice()
の構文がセレクターフィルターを使用するよりもきれいであると思っています。
私はRyan Duffieldのソリューションがそれほど好きではないと言わざるを得ない。なぜなら、マークアップを変更する必要があり、コードを繰り返す必要があるからだ。
1
@Gorgapor:時々少し文字通り質問をする必要があると思います。 :-)私はあなたが何らかのインデックスを必要とすることに縛られていると考えました。私はあなたがjQueryをより多く使用するにつれて、通常はそのようなことをする必要はないこともわかります。
関連する問題
- 1. 変更Windowsのロケール/文化これはシンプルであるべき、それはおそらくですが、私はこの質問への答えを見つけるように見えることはできません...</p> <p>コード
- 2. は、どのように私はこの答えはここにあるが、私はそれを見つけることができなかった(または私はそれを見たときに、少なくとも<em>は</em>それを認識!)</strong>を知っ<strong>HTMLの画像のsrcタグ
- 3. 表は、私は(私はそれが非常に簡単だと思う、しかし、私はそれを解決することはできません)この問題を持っているテキストをリサイズするが、それはいけない
- 4. ジャンゴクエリセット:これはおそらくかなりN00B質問ですが、私はそれを動作させることはできませんAUTH_USER
- 5. jqueryの:</p> <p>私はのカップルとコンテナを持っている:特定の要素が、私は、これは簡単であるべきだと思うが、私はそれを把握することができていない隣国
- 6. これは多分、本当に簡単な質問ですが、私は答えを見つけることができませんでしたwsdl
- 7. 私はzipファイルを作成し、私はちょうど後にそれをダウンロードするとき、それが壊れているので、私はそれを開くことができない理由私が実際に疑問に思ってC#の
- 8. フィールドタイプはこれらの値1,2,3 .. 10を持つことができます。私はそれがタイトルに明確にそれを言うと思うタイプ
- 9. アンドロイドは - MediaPlayerのは、そう、これはstackoverflowの上のここで私の最初の質問ですので、私はアンドロイドの開発になったいくつかの時代から^^私に簡単に</p> <p>をそれを取る
- 10. 私は、送信ボタンをクリックしたとき、私はそれが私はそれがエラーにトークンの不一致を与える送信ボタンをクリックしたとき、それはここ</p> <p>が私である私は、このエラーを与える理由を、私は理解できないトークン不一致に
- 11. は、どのように私はこれはおそらく非常に簡単ですが、私は、私はSQLiteのデータベースにHTMLコードを格納することができますどのように...そこ</p> <p>を得ることができない?DB(SQLiteのPYTHON)
- 12. コンパイラフラグは、私は、これは簡単なものであると思いますが、私はそれを把握することはできません
- 13. PHPは、これは簡単かもしれませんが、PHP</p> <p>に初心者や学習であると私は私はそれように$リストと呼ばれる変数に出力を入れたいそれのための解決策を得ることができませんでし変数
- 14. どのように私はこれを解読することができるので、私はそれを
- 15. こんにちは、どのように私はScalaでこのJSONに変換することができ、私はScalaでは、Webサービスを持っていると私はそれがAJAX要求 に特定のデータと答えることを望ん
- 16. アヤックスは不定私はIDをエコーが、私は名前をエコーするとき、それは私がこのプロジェクトを持っているtestgroupsを取得し、自分のページにそれらを表示することができますので、
- 17. クリックピクチャーが、私はそれSDカードからそれを開いたときに、ここでランドスケープモードで
- 18. CSS3トランジションは、私は、このCSSコードとどの私はこれが私のCSSでそれを</p> <p>を修正することができますので、その誰もが間違っているものを私に言うことができる私は移行を持って自分のスタイルに追加しますが、それは動作しませんを持って
- 19. ビット範囲にCS内の任意年生はお答えすることができるはずですが、私はそれのまわりで私の頭を包むように見えることはできません...</p> <p>
- 20. 私はjsonデータ全体を得ることができますが、私はそれから特定の値を得ることができません
- 21. ませJSONファイルをデコードすることはできなかったが、私は特定のファイル名を開いた場合、それは私がこのコードをpythonでそれらを書き戻すが、そのは私にエラーを与え、その後、一度に複数のJSONファイルを開こうとしてきた
- 22. JSP:私は記述しようとしています</p> <p>(私が質問を知って少し長いですが、私は解決策は簡単であると考えていますので、誰かが私を見て助けることができる場合は、それを本当に感謝)フォーム
- 23. 私はテキストの結果を得ることができますどのように私はそれらを配列にプッシュすることができます
- 24. JSON.parse()[EDIT]私は後でデータをmodyfingたし、それはそれを展開するときにときに私がすることができます、私は私の答えを受け入れるオブジェクトに反映された整数
- 25. SQL - 私は<strong>SQLコンパクト</strong></p> <p>それは基本的にこれらのクエリであるため、クエリを作成しようとしていますが、私は私は1つにそれらを組み合わせることができ期待していたこのクエリ
- 26. のdivこれはおそらく、質問に答えるために途方もなく簡単ですが、私は(...私は時折、この問題に遭遇し、常にそれを修正する方法を忘れているようだ)、それに引っかかってきたお互い
- 27. jQueryのDataTableのは、これはおそらく、本当に簡単なものですが、私はこの仕事をするために正しい構文を把握することができないよう、チェックボックス
- 28. "::"シンボルとはどこに私はそれについての詳細を得ることができますか?
- 29. 私は切り上げと私のGTINのためにそれを得ることができません
- 30. デクリメントラウンド数と、私は返す関数を持っている。これは、基本的なPHPの問題であると私はおそらく</p> <p>を明日の朝時間がない中で、それをクラックできましたが、今日はそれがlooong 1日だったので...結果