2017-04-19 3 views
0

こんにちは私はループの基本を見てきましたが、特定のチェックボックスをループすると、以下の基本ループ機能の他にjqueryコード内で何を追加しますか?特別なグループのチェックボックスをループするのに何が使えますか?ありがとうございました。以下のチェックボックスのHTML形式を追加しました。通常のCSSセレクタを使用して特定のグループのテキストボックスをループする

$("A").each(function(index) { console.log(index + ": " + $(this).text()); });

<td class="dot_wrap"> 
      <label for="A1"><span class="hidden">A-1</span> 
       <input type="checkbox" value="A1" name="A1" id="A1" tabindex="1" class="A"> 
       <span aria-hidden="true">&nbsp;</span> 
      </label> 
     </td> 

     <td class="dot_wrap"> 
      <label for="A4"><span class="hidden">A-4</span> 
       <input type="checkbox" value="A4" name="A4" id="A4" tabindex="4" class="A"> 
       <span aria-hidden="true">&nbsp;</span> 
      </label> 
     </td> 

     <td class="dot_wrap"> 
      <label for="A2"><span class="hidden">A-2</span> 
       <input type="checkbox" value="A2" name="A2" id="A2" tabindex="2" class="A"> 
       <span aria-hidden="true">&nbsp;</span> 
      </label> 
     </td> 

     <td class="dot_wrap"> 
      <label for="A5"><span class="hidden">A-5</span> 
       <input type="checkbox" value="A5" name="A5" id="A5" tabindex="5" class="A"> 
       <span aria-hidden="true">&nbsp;</span> 
      </label> 
     </td> 

    <td class="dot_wrap"> 
     <label for="A3"><span class="hidden">A-3</span> 
      <input type="checkbox" value="A3" name="A3" id="A3" tabindex="3" class="A"> 
      <span aria-hidden="true">&nbsp;</span> 
     </label> 
    </td> 

    <td class="dot_wrap"> 
     <label for="A6"><span class="hidden">A-6</span> 
      <input type="checkbox" value="A6" name="A6" id="A6" tabindex="6" class="A"> 
      <span aria-hidden="true">&nbsp;</span> 
     </label> 
    </td> 
+0

ドットをセレクタに追加して、クラスで選択するようにします。 '$(" .A ")' – trincot

答えて

1

動作します:あなたはそれを絞り込むしたい場合は

$('input:checkbox') 

$('input[type=checkbox]') 

jQueryのもこのためspecial :checkbox selectorを持っていますあなたのクラスがAのものであれば、それをセレクタに追加することができます:

$('input.A[type=checkbox]') 
$('input.A:checkbox') 

それとも、それらすべては、ノード(たとえばidを持つフォーム)の下に集まっている場合、あなたはセレクタ機能の2番目のパラメータ使用しても絞り込むことができます。

$('input:checkbox', '#my-form') 

をと

$('input.A:checkbox', '#my-form') 
関連する問題