2013-05-02 65 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/