Error al seleccionar el selector en el valor numérico
Estoy tratando de establecer el valor de la casilla de verificación para un componente de filtro usando el selector de consulta (sin jquery). Si el valor para el elemento es una cadena, la selección de la consulta es exitosa, sin embargo, si es un valor numérico, falla.
<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;
})
Excepción DOM no capturada: no se pudo ejecutar 'querySelector' en 'Documento': 'input [nombre = almacenamiento] [valor = 16]' no es un selector válido.