すべて同じclass =を持ついくつかのチェックボックスを備えたHTMLフォームがあります"myClass"
。
これらから1番目、2番目、3番目の値を取得するにはどうすればよいですか?一度にチェックできるチェックボックスは3つだけですが、2つだけ、1つ、またはまったくチェックしないこともできます。
私は以下を試しましたが、これは機能しません:
var check1 = 'myDefaultValue';
var check2 = 'myDefaultValue';
var check3 = 'myDefaultValue';
var checkedBoxes = $('.myClass:checked');
if(checkedBoxes.length == 1) {
check1 = checkedBoxes[0].val();
}
if(checkedBoxes.length == 2) {
check2 = checkedBoxes[1].val();
}
if(checkedBoxes.length == 3) {
check3 = checkedBoxes[2].val();
}
最初にチェックされた3つの入力フィールドが必要な場合は、jqueryセレクターの:eq()を使用して次のように実行できます。
// Get the first three values of all checked fields
var first = $('.myClass:checked:eq(0)').val();
var second = $('.myClass:checked:eq(1)').val();
var third = $('.myClass:checked:eq(2)').val();
ここで実際の動作を確認してください:http://jsfiddle.net/y0mwy5v8/
この記事はインターネットから収集されたものであり、転載の際にはソースを示してください。
侵害の場合は、連絡してください[email protected]
コメントを追加