Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/451.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/77.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 按多个名称查找元素jQuery_Javascript_Jquery_Html_Checkbox - Fatal编程技术网

Javascript 按多个名称查找元素jQuery

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

我有这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'],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个复选框,前缀是“范围”和“手册”。很高兴我能帮助兄弟。