限制要选择的复选框的数量,jQuery

时间:2013-05-02 12:04:46

标签: jquery html checkbox

此问题的更简单版本已经发布,但我遇到了一些困难。

说我有5个复选框:

  • 苹果
  • 香蕉

允许用户选择两个复选框,但如果选择“无”,则只能选择一个。

这可能吗?

1 个答案:

答案 0 :(得分: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/