@VanilaSpirit

JS/Jquery как считать значение с checkbox?

Есть несколько чекбоксов, по одному на каждую запись из БД.

<input type="checkbox" class="slider" checked>
<input type="checkbox" class="slider">
<input type="checkbox" class="slider" checked>
<input type="checkbox" class="slider" checked>


Т.к. они создаются полностью одинаковыми(за исключением checked или нет), то как можно считать значение конкретного чекбокса(именно на который я кликнул) и записать в переменную?
  • Вопрос задан
  • 86 просмотров
Решения вопроса 2
@Evdokim001
Начинающий PHP программист
У checkbox есть атрибуты name и value. Каждому checkbox задайте атрибуты с уникальным значением. После этого считывайте значение атрибута.
Ответ написан
sniggering_deus
@sniggering_deus Куратор тега JavaScript
Front-End Developer & Fullstack Designer
HTML:

<input type="checkbox" class="slider" checked value="1">
<input type="checkbox" class="slider" value="2">
<input type="checkbox" class="slider" checked value="3">
<input type="checkbox" class="slider" checked value="4">


JS:

const element = document.querySelectorAll(".slider");
element.forEach((el) => {
  el.addEventListener("change", (e) => {
    const thisValue = el.value;
    console.log(thisValue);
  });
});


Или:

document.addEventListener("change", function () {
  const el = event.target;

  if (el.tagName === "INPUT" && el.type === "checkbox") {
    const thisValue = el.value;
    console.log(thisValue);
  }
});
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы