2013-05-02 64 views
1

這個問題的一個簡單版本已經發布,但我有一些困難。限制選中複選框的數量,jQuery

說我有5個複選框:

  • 蘋果
  • 香蕉
  • 橙色

允許用戶選擇兩個複選框,但如果選擇「無」,他們只能選擇一個。

這可能嗎?

+5

是 – Doorknob 2013-05-02 12:05:43

+5

這是可能的,你應該總是嘗試首先,然後當你卡住時,問問題。沒有努力時,人們不太願意幫忙。 – billyonecan 2013-05-02 12:06:29

+0

請提供一個JSFiddle,你試圖去做。 – Elias 2013-05-02 12:07:35

回答

2

嘗試用這個例子來打:

var checked = [], 
$check = $('.check').change(function() { 
    if (this.value == -1 && this.checked) { 
     $check.not(this).prop('disabled', true).prop('checked', false); 
     checked = []; 
    } 
    else { 
     $check.prop('disabled', false); 
     checked.push(this); 
     checked = $(checked) 
     checked.prop('checked', false).slice(-2).prop('checked', true); 
    } 
}); 

http://jsfiddle.net/q7Dve/