javascript - 属性中的括号不是有效的选择器

Question

我的表单中的每个输入都有一个属性“email[0]”。以下选择器不起作用，我收到一条错误消息:

...input[name=email[0]]' is not a valid selector.

var email = "emails[0]";       
var radioInputs = document.querySelectorAll('.input_radio input[name='+name+']');

如果我尝试

var radioInputs = document.querySelectorAll('.input_radio input[name="emails[0]"]');

它工作得很好。但是我怎样才能把这个变量名放入我的选择器中而不出现错误呢？

Answer 1

你会使用:

var name = "emails[0]";
document.querySelectorAll('.input_radio input[name="'+name+'"]');

或者使用模板文字:

document.querySelectorAll(`.input_radio input[name="${name}"]`);