Javascript 按多个名称查找元素jQuery
我有这4个复选框,我想在jQuery中按它们的名字找到它们。 有没有办法按名称找到所有4个复选框Javascript 按多个名称查找元素jQuery,javascript,jquery,html,checkbox,Javascript,Jquery,Html,Checkbox,我有这4个复选框,我想在jQuery中按它们的名字找到它们。 有没有办法按名称找到所有4个复选框 <input type="checkbox" value="1" id="RangeFlexionRightSide1" name="RangeFlexionRightSide"> <input type="checkbox" value="2" id="RangeFlexionRightSide2" name="RangeFlexionRightSide"> <in
<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'],input[name^='Manual']").length
是的,您可以使用结束符选择器
$=
如下:
$("input:checkbox[name$='FlexionRightSide']").length
$("input:checkbox[name^='Range'],input:checkbox[name^='Manual']").length
或者使用带选择器的start^=
类似:
$("input:checkbox[name$='FlexionRightSide']").length
$("input:checkbox[name^='Range'],input:checkbox[name^='Manual']").length
注意:您可以给它们一个公共类,并使用类选择器
轻松地选择它们,如:
$('.common_class').length
console.log($($(输入:复选框[name$='FlexionRightSide'])长度)//4.
log($($(输入:复选框[name^='Range'],输入:复选框[name^='Manual'])长度)//4
您可以使用
*=
来检查名称是否包含传递的值
或者您可以按自己的方式使用^=
,如下所示
在jQuery选择器中
-此处[name^='Range']
查找其^=
以名称
开头的元素范围
-此处[name$='Range']
查找其$=
以名称
结尾的元素范围
-此处[name*='Range']
查找其*=
包含名称
的元素范围
console.log($($input[name^='Range'],input[name^='Manual'])长度);
log($($(输入[name*='RightSide'])长度)代码>
$(“输入[name$='FlexionRightSide'])
应获取其名称
以FlexionRightSide
结尾的输入。您还可以为这些元素添加一个类,以便更容易地选择它们。您应该考虑添加一个公共类来简化它正在正常工作的选择项,但我只想通过启动字符来查找。因为我刚刚发布了4个复选框,而在我的页面中有300个复选框,前缀是“范围”和“手册”。很高兴我能帮助兄弟。