窗體按鈕，其中只有一個可以選擇

嗨，我有以下頁面編碼，但形式是不正確的。我需要底部的3個按鈕，說氣體/電力/只能一次選擇一個。窗體按鈕，其中只有一個可以選擇

網址：http://www.comparebusinessenergy.co.uk/april/

我明白我可以通過jQuery的像這樣的東西做到這一點：

，但我不能工作了，我的生命

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

來源

2011-04-04 Roy Barber

爲什麼不在這種類型的用例中使用單選按鈕？ – redsquare 2011-04-04 15:24:52

你有錯誤嗎？哪部分不起作用？刪除類或添加類或兩者？您的頁面是否構建了無javascript錯誤，（！）在左下角？ – Patrick 2011-04-04 15:24:56

只是爲了拋出這個......我不知道你在哪個瀏覽器中開發，但是在IE瀏覽器中我的設置/分辨率該網站幾乎不可讀......一切都是重疊的。 – Patrick 2011-04-04 15:26:19

你會想在on和off類之間切換。只需將$(this).addClass('selected')更改爲：

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

確保最初設置了正確的類別。

來源

2011-04-04 15:23:50 eykanal

是的，這是正確的，但我不能讓jquery切換他們clases。我一定是做錯了 – 2011-04-04 15:25:09

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

嘗試

來源

2011-04-04 15:25:18 callumander

試試這個尺寸爲：

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

我認爲你是讓你的選擇是錯誤的。這是工作的方式是，您選擇使用CSS樣式選擇器，然後對所創建的jQuery對象進行操作。

來源

2011-04-04 15:28:03

謝謝比利，我認爲我們非常接近這個，雖然它沒有奏效。 – 2011-04-04 15:34:30

我並不喜歡硬編碼的ID，但比利是對的，你的選擇者是錯的。我會將選擇器更改爲一個css類，所以如果您添加或刪除按鈕，更改名稱等，您只需應用選擇器類，而不必更新JS。 – matto0 2011-04-04 15:35:24

嗨matto0感謝您的輸入，雖然我不太清楚你的意思。你的意思是編碼，所以輸入是類，然後.on .off是一個單獨的類到輸入 – 2011-04-04 15:39:44

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

來源

2011-04-04 15:29:28

窗體按鈕，其中只有一個可以選擇

回答

相關問題