2013-02-24 49 views
0

我尋找一些幫助使複選框表現得像一個組中的單選按鈕只能使用jQuery一個時間來選擇。使複選框選擇,能夠在一個像單選按鈕時

首先,爲什麼不使用單選按鈕?因爲我希望這些形式的輸入也是不可選擇/不可檢查的,所以潛在的存在是它們都不能被檢查。

所以我有在3組,每組3,不要在形式,只是一個事實,即這3個具有相同價值的name屬性分組分組9輸入類型複選框。

所有9複選框有類.secondary輸入,但只有3有一個名稱,然後在未來3的兩個名字,和三個的最後三個名字。

我試圖做到的是,只有組一次一個檢查等,沒有一個組進行檢查,人們可以不選中。

我將不勝感激一切,在實現這一目標的任何幫助。

我發現了一個的jsfiddle這樣,但jQuery的沒有我的名字屬性組的系統工作。

回答

3

如果它們都具有相同的名稱,你可以取消其他的人具有相同名稱的屬性:

$(":checkbox").on('change', function() { 
    $('[name="' + $(this).attr('name') + '"]').not(this).prop('checked', false); 
}); 

http://jsfiddle.net/F2JPP/

+0

很不錯的解決方案。 +1 – pwnyexpress 2013-02-24 01:53:41

+0

我其次,非常好的解決方案。優秀的jQuery。謝謝! – IMUXIxD 2013-02-24 02:34:47

0

不知道這種語言的具體細節,但可你循環通過你所有的複選框項目和切換任何打開和應該關閉?僞代碼:

for checkbox in checkboxes: 
    if checkbox.checked == true %% checkbox != selectedCheckbox: 
     checkbox.toggle 
相關問題