Find elements by multiple names jQuery

Question

I have these 4 checkboxes and I want to find them in jQuery by their names. Is there any way to find all 4 checkboxes by their name?

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

I am trying these below codes but I didn't get the result:

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

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

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

Answer 1

Yes you could use the ending by selector $= like :

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

Or using start with selctor ^= like :

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

NOTE : You could give them a common class, and select them easely using class selector . like :

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

Answer 2

You can do that with *= which will check if name contains value passed.

Or you can do as your way with ^= as shown below.

In jQuery selectors

• [name^='Range'] - Here ^= find element whose name starts with Range.
• [name$='Range'] - Here $= find element whose name ends with Range.
• [name*='Range'] - Here *= find element whose name contains Range.

Find more about jQuery Selector here.

console.log($("input[name^='Range'], input[name^='Manual']").length);
console.log($("input[name*='RightSide']").length);

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