Как сделать так, чтобы при нажатии на кнопку ей добавлялся класс c помощью js или Jquery?

Как сделать так, чтобы при нажатии на кнопку ей добавлялся класс c помощью js или Jquery?

При нажатии на кнопку нужно добавить ей класс Active.
Буду очень благодарен.

Дополнительно:

А мы будем все Вам благодарны если Вы
1) Научитесь гуглить
2) Будете соблюдать правила сервиса.

  • yaforyou.ru/?q=add%20class%20to%20element%20on%20c...
  • А я очень сильно сомневаюсь, что это вообще кнопки
  • Ankhena, Здравствуйте, это действительно кнопки.
  • Не надо ставить как можно больше тэгов. Лучше оставить один, но конкретный, с которым проблема.
    См.п.3.1 Регламента. Также обратите внимание на п.2.2, 3.4, 5.12 Регламента.
  • Вадим, Извините, что не ознакомился с правилами площадки и прекрасно понимаю, что не знание правил, не освобождает от ответственности. Но правда, до того как выложить этот вопрос, я около 30 минут искал на него ответ и все у мне либо не подходило, либо просто не работало.
  • NiAomineKe, Идеальный вопрос в себе содержит помимо самого вопроса и обозначения темы и проблемы - демку на codepen где воспроизводится озвученная проблема, а так же содержит в себе ваши попытки решения проблемы, чтобы можно было оперативно помочь исправить ошибку и дать Вам ответ.
  • NiAomineKe,

    Здравствуйте, это действительно кнопки.

    Здравствуйте, это действительно не кнопки.
    Это группа радио.
    Соответственно, цвет у выбранного устанавливается элементарно.

    input:checked {backgroud: yellow}

    • Ответы:

    Почитайте про События «click» и addEventListener и event.target.

    А еще про циклы типа forEach и то как найти элементы в DOM например querySelectorAll.

    Алгоритм примерно такой:
    Нужно найти все кнопки (см. querySelectorAll) циклом повесить обработчик событий на каждую кнопку (см. addEventListener) и при событии клика вешать нужный класс на нажатую (см. event.target)

    А если хочеца готовое решение, на ютубе масса примеров и гайдов на эту тему. Тема довольно простая на самом деле. Удачи!

    + Заказать

     

    Для решения данной проблемы вы можете воспользоваться услугами фрилансеров. Мы выполним необходимую работу быстро и качественно.

     

      • Как сделать так, чтобы при нажатии на кнопку ей добавлялся класс c помощью js или Jquery?Есть ответ
      • 07.04.2024
      Ответить

      Для того чтобы при нажатии на кнопку добавить ей класс с помощью JavaScript или jQuery, можно воспользоваться следующими способами:

      1. JavaScript:
      html

      document.getElementById('myButton').addEventListener('click', function() {
      this.classList.add('newClass');
      });

      2. jQuery:
      html

      $('#myButton').on('click', function() {
      $(this).addClass('newClass');
      });

      Оба примера позволят добавить класс "newClass" к кнопке при нажатии на неё. В первом случае используется чистый JavaScript, а во втором - библиотека jQuery, которая упрощает работу с DOM элементами.

      Надеюсь, это поможет вам решить вашу проблему. Если у вас возникнут дополнительные вопросы, не стесняйтесь задавать.

    Оставить комментарий