кнопки формы, где можно выбрать только одну

Question

Привет, у меня есть следующая страница, но форма неправильная. Мне нужны 3 кнопки нижней секции, которые говорят газ / электричество / обе, чтобы иметь возможность выбирать только одну за раз.

URL: http://www.comparebusinessenergy.co.uk/april/

Я понимаю, что могу добиться этого с помощью jquery с чем-то вроде этого:

но я не могу решить это ради моей жизни

$('ul li').click(function(){
      $('ul li.selected').removeClass('selected');
      $(this).addClass('selected');
      return false;
});

Answer 1

Попробуйте это для размера:

$('#gas,#electric,#both').click(function(){
  $('#gas,#electric,#both').removeClass('on').addClass('off');
  $(this).addClass('on');
  return false;
});

Я думаю, вы ошиблись в своих селекторах.Это работает так: вы выбираете с помощью селекторов стиля css, а затем работаете с созданными объектами jQuery.

Answer 2

 $('ul li').click(function(){
      $('ul li').removeClass('selected');
      $(this).addClass('selected');
      return false;
});

Answer 3

$ ('ul li: selected'). RemoveClass ('selected');

попробуйте

Answer 4

Вы захотите переключаться между классами on и off.Просто измените $(this).addClass('selected') на:

$(this).toggleClass('on');
$(this).toggleClass('off');

Убедитесь, что изначально установлен правильный класс.