Поменять стиль CSS группы элементов на клик

Question

Я нашел поток, Изменим класс элемента с помощью JavaScript , что соответствует тому, что я собираюсь сделать, но я не знаю, как это реализовать.

У меня есть страница с 4 кнопками ввода и двумя стилями CSS: «Выбрано» и «Не выбрано». Одна кнопка будет изначально жестко закодирована как «Выбранная». Когда пользователь нажимает другую кнопку, я хотел бы программно выполнить итерацию по всем кнопкам (количество кнопок на каждой странице будет между 2 и 10), установить класс нажатой кнопки в «Выбранный» и убедиться, что все остальные кнопки установлены на "notSelected".

У меня нет логики, но я никогда ничего не делал с JavaScript раньше, поэтому у меня нет ни малейшего представления о том, как это сделать. Если кто-то знает учебник / фрагмент кода, который уже делает это, пожалуйста, укажите мне правильное направление.

Спасибо за тонну!

Answer 1

Поскольку вы новичок в JavaScript, это может быть немного, но вы рассматривали возможность использования jquery? Посмотрите на toggleClass (): http://api.jquery.com/toggleClass/

Answer 2

Вы можете пойти легким путем и использовать фреймворк, такой как jQuery , который делает тяжелую работу за вас

Answer 3

Привет, только что сделал быстрый сценарий, надеюсь, это поможет вам.Сообщите мне, если вы обнаружите какие-либо проблемы со сценарием.

Я использую событие фокуса и поле ввода, вы можете изменить его при необходимости.

function doSelect (obj) {varmylist = document.getElementById ("formDiv") var inputItems = mylist.getElementsByTagName ("input");for (i = 0; i

Есть тег формы внутри тега div id = "formDIV"

Имеет несколько входных тегов типа text и onfocus = "doSelect (this)"

это должно помочь.