表单按钮，只能选择一个

Question

您好我有以下页面编码，但表格不对。我需要底部3x按钮，说气/电/两者只能一次选择一个。

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

您希望在on和off类之间切换。只需将$(this).addClass('selected')更改为：

即可

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

确保最初设置了正确的类。

Answer 3

$（'ul li：selected'）。removeClass（'selected'）;

试试

Answer 4

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