Jquery 表单按钮，其中只能选择一个

嗨，我有下面的网页编码，但形式是不正确的。我需要底部3个按钮，上面写着gas/electricty/两者，以便一次只能选择一个

网址：

我知道我可以通过jquery这样做来实现这一点：

但我不能为我的生活解决它

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

---

您需要在

打开

和

关闭

类之间切换。只需将

$（this）.addClass（'selected'）

更改为：

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

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

$（'ul li:selected'）。removeClass（'selected'）

试试这个尺寸：

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

---

我想你选错了。其工作方式是使用css样式选择器进行选择，然后对创建的jQuery对象进行操作。

为什么不对这种类型的用例使用单选按钮？是否出现错误？哪一部分不起作用？是删除类还是添加类，还是两者都有？您的页面构建是否在左下角没有javascript错误，（！）呢？只是想把它扔出去。。。我不知道你是用什么浏览器开发的，但在IE中，在我的设置/分辨率上，网站几乎不可读。。。所有内容都是重叠的。是的，没错，但我无法让jquery切换它们的类别。我一定是做错了什么。谢谢比利，我想我们已经很接近这个了，虽然还没有成功。我并不热衷于硬编码ID，但比利是对的，你的选择器错了。我会将选择器更改为css类，因此如果您添加或删除按钮、更改名称等，您只需应用选择器类，而无需同时更新JS.hi matto0。谢谢您的输入，尽管我不太清楚您的意思。你的意思是把它编码成这样，输入是类，然后.on.off是一个独立于类的类input@Roy嘿，对不起，我没注意到你已经回复了。是的，我就是这个意思。所有输入都有相同的类，比如“servicebutton”，然后您的jquery将添加开/关切换类。因此，在Billy的示例中，它将是$（“.servicebutton”）。单击（function（）{$（“.servicebutton”）.removeClass…无论如何，这都不是必需的，它只是稍微清理了您的代码并使其更易于维护。我同意@matto0关于类的观点-在任何语言中，类都是用来对共享相似性的对象进行分组的。Id应该用来唯一地标识对象。使维护更容易，ot也更容易她的人喜欢读书等等。。。

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