Селектор запросов JavaScript для всех полей с определенным классом

#javascript #html #queryselector

#язык JavaScript #HTML #селектор запросов

Вопрос:

Я пытаюсь проверить ввод для нескольких полей и принимаю только цифры или запятые в этих вводах.

Все поля имеют определенный класс CSS, в котором я хочу, чтобы выполнялись проверки.

HTML

 lt;input name="box1" class="carnumberfield" /gt;  

язык JavaScript

 function checkKey() {  var clean = this.value.replace(/[^0-9,]/g, "")  if (clean !== this.value) this.value = clean;  } document.querySelector('.carnumberfield').oninput = checkKey;  

Приведенный выше код работает для первого поля, но не для других. Я пробовал document.querySelectorA;;('.carnumberfield').oninput = checkKey; , но это не работает ни для одной области.

Как я могу заставить это работать для всех полей с классом ‘.carnumberfield’?

Спасибо

Комментарии:

1. Вы можете получить все элементы с определенным классом следующим образом: const elements = document.querySelectorAll(".carnumberfield"); затем вы можете перебирать их и делать то, что хотите.