javascript - 通过多个名称查找元素 jQuery

Question

我有这 4 个复选框，我想通过它们的名称在 jQuery 中找到它们。 有什么办法可以通过名称找到所有 4 个复选框吗？

<input type="checkbox" value="1" id="RangeFlexionRightSide1" name="RangeFlexionRightSide">
<input type="checkbox" value="2" id="RangeFlexionRightSide2" name="RangeFlexionRightSide">

<input type="checkbox" value="1" id="ManualFlexionRightSide1" name="ManualFlexionRightSide">
<input type="checkbox" value="2" id="ManualFlexionRightSide2" name="ManualFlexionRightSide">

我正在尝试以下代码，但没有得到结果:

$("input[name^='Range Manual']").length

$("input[name^='Range,Manual']").length

$("input[name^='Range'][name^='Manual']").length

Answer 1

是的，您可以使用选择器 $= 的结尾，例如:

$("input:checkbox[name$='FlexionRightSide']").length

或者使用 start with selctor ^= 像:

$("input:checkbox[name^='Range'],input:checkbox[name^='Manual']").length

注意:您可以给它们一个公共(public)类，然后使用类选择器轻松选择它们。如:

$('.common_class').length

console.log($("input:checkbox[name$='FlexionRightSide']").length); //4
console.log($("input:checkbox[name^='Range'],input:checkbox[name^='Manual']").length); //4

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

<input type="checkbox" value="1" id="RangeFlexionRightSide1" name="RangeFlexionRightSide">
<input type="checkbox" value="2" id="RangeFlexionRightSide2" name="RangeFlexionRightSide">

<input type="checkbox" value="1" id="ManualFlexionRightSide1" name="ManualFlexionRightSide">
<input type="checkbox" value="2" id="ManualFlexionRightSide2" name="ManualFlexionRightSide">