如何仅选择可见的选中输入？

Question

我有多个类似下面的对象

<input type="checkbox" class="to-labelauty-icon labelauty" 
  name="inputLableautyNoLabeledCheckbox" data-plugin="labelauty" 
  data-label="false" id="labelauty-0001" value="tc_Login">

我正在使用下面的代码来获取所有选中的对象，这些对象为我提供了所有被检查的元素，无论其可见/隐藏状态如何。

$('input[class="to-labelauty-icon labelauty"]:checked')

如何仅获取可见和选中的元素？

Answer 1

您可以使用:visible selector，也可以使用dot选择器符号组合类。

$('input.to-labelauty-icon.labelauty:visible:checked')