Erro ao selecionar o seletor de consulta no valor numérico
Eu estou tentando definir o valor da caixa de seleção para um componente de filtro usando o seletor de consulta (sem jquery). Se o valor do elemento for string, a seleção da consulta será bem-sucedida, no entanto, se for numérico, ela falhará.
<div>
<span>Manufacturer</span>
<label>
<input type="checkbox" name="manufacturer" value="apple">Apple</label>
</div>
<div>
<span>Screen Size</span>
<label>
<input type="checkbox" value="16" name="storage">16 GB</label>
</div>
<button>Select</button>
document.querySelector('button').addEventListener('click', function() {
document.querySelector('input[name=manufacturer][value=apple]').checked = true;
document.querySelector('input[name=storage][value=16]').checked = true;
})
DOMException não capturado: falha ao executar 'querySelector' em 'Documento': 'input [name = storage] [value = 16]' não é um seletor válido.