javascript - Vanilla javascript按名称选择

Question

所以我遇到了这个问题，我需要根据一些变量为复选框设置一个值。

问题是我在将要使用的 HTML 上遇到了下一个命名约定:

<input id="jc_1" type="checkbox" name="jc[1]">
<input id="jc_2" type="checkbox" name="jc[2]">
<input id="jc_3" type="checkbox" name="jc[3]">
<input id="jc_4" type="checkbox" name="jc[4]">

要决定选择哪个输入，我通常会这样做:

document.getElementsByName('jc')

然后遍历所有这些并决定检查哪一个，这里的问题是我真的不知道如何在这些特定条件下处理这种情况。

我不会使用 JQuery，也无法更改我的 HTML 标记。

Answer 1

您可以使用 begins with attribute selector与 querySelectorAll :

var jcList = document.querySelectorAll("[name^=jc\\[]");

请注意，这可能会匹配以下元素:

<input id="jc_1" type="checkbox" name="jc[0][0]">

对于您的特定要求，这可能不是问题。