jQueryはチェックボックスの名前配列の特定のインデックスのみを変更します

Question

私はチェックボックス配列とcheckall/uncheck all機能を持っています。私は、チェックボックスを生成するループ内でそれを面倒する必要がないように回避策はあり

$("input[name='temps[]']").removeAttr("checked"); // works 
$("input[name='temps[0]']").prop("checked", true); // doesn't work 

：私はすべてのチェックを外したとき、私は最初の遺跡が確認さを確認するが、それは以下のように動作しません。または私はそれを行うことはできません例最初のチェックボックスにIDを与えますか？あなたはその後、所望の動作は、あなたがまたに:first selectorを使用することができます

$("input[name='temps[]']").eq(index).prop("checked", true); 

OR、

$("input[name='temps[]']:eq(" + index + ")").prop("checked", true); 

を実行することができ、指定したインデックスにある要素を取得するために.eq(index)または:eq(index)を使用することができます

$("#firstBox").prop("checked", true) 

Answer 1

最初に一致するDOM要素を取得する

$("input[name='temps[]:first']").prop("checked", true); 

Answer 2

あなたのHTMLソースを見てください。要素名はtemps[]であり、temps[0]ではありません。だからこそ、セカンドセレクタは動作しません。

最初に選択するには、.eq(0)を使用します。

$("input[name='temps[]']") 
    .removeAttr("checked") 
    .eq(0) 
    .addClass('checked') 
    .prop('checked', true) 
; 

Answer 3

あなたはjQueryのリストから番号で項目を抽出するためにeq()機能を使用することができます。これはちょうどその1つの項目に派生リストを作成し、その後、あなたはいつものように進行することができます

$("input[name='temps[]']").eq(0).prop("checked", true); 

Answer 4

$("input[name='temps[]']")[0].prop("checked", true); 

それとも

たぶん**セレクタ**第一子を使用して

$("input[name='temps[]:first']").prop("checked", true);