Question

您好我已经看到了循环的基础知识，但是当循环访问特定的复选框时，除了下面的基本循环函数之外，我还会在jquery代码中添加什么？就像我可以用来专门循环一组复选框一样。谢谢。我在下面添加了复选框的HTML格式。

$( "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>

Answer 1

使用常规CSS选择器：

const Button = styled.button`
  font-size: ${palette.FONTSIZE_5};
`;

jQuery还有一个special :checkbox selector：

$('input[type=checkbox]')

如果您想将其缩小到类$('input:checkbox')的缩小范围，您可以在选择器中添加它：

或者，如果您将它们全部聚集在节点（例如具有id的表单）下，您还可以使用选择器函数的第二个参数缩小它：

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

还有一个类选择器：

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

循环通过一组特定的文本框

1 个答案: