Вам нужно указать номер.

аюсь установить значение флажка для компонента фильтра с помощью селектора запросов (без jquery). Если значение для элемента - строка, то выбор запроса будет успешным, однако, если он числовой, он потерпит неудачу.

<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;
 })

Uncaught DOMException: не удалось выполнить 'querySelector' для 'Document': 'input [name = storage] [value = 16]' не является допустимым селектором.

https://jsfiddle.net/byqwsdog/1/

 Lalit28 нояб. 2017 г., 11:12
Возможный дубликатstackoverflow.com/questions/20306204/...

Ответы на вопрос(2)

спецификация:

Значения атрибута должны быть идентификаторами CSS или строками.

В CSS идентификаторы (включая имена элементов, классы и идентификаторы в селекторах) могут содержать только символы [a-zA-Z0-9] и символы ISO 10646 U + 00A0 и выше, плюс дефис (-) и символ подчеркивания ( _);они не могут начинаться с цифрыдва дефиса или дефис, за которым следует цифра. Идентификаторы также могут содержать экранированные символы и любые символы ISO 10646 в виде числового кода (см. Следующий пункт). Например, идентификатор "B & W?" может быть написано как "B \ & W \?" или "B \ 26 W \ 3F".

16 начинается с цифры, так что (в отличие отmanufacturer, apple а такжеstorage) не может быть идентификатором.

Строки могут быть записаны в двойных или одинарных кавычках.

16 не написано ни с одним из них, так что это не строка.

Вам нужно указать номер.

document.querySelector('input[name=storage][value="16"]')
Решение Вопроса

Вы могли бы использовать" в значении вашего селектора: `[key =" value "]

document.querySelector('button').addEventListener('click',function(){
  document.querySelector('input[name="manufacturer"][value="apple"]').checked = true;
  document.querySelector('input[name="storage"][value="16"]').checked = true;
})
 Binish John28 нояб. 2017 г., 11:12
Спасибо @stephanen & Квентин

Ваш ответ на вопрос