限制要选择的复选框的数量，jQuery [英] Limit number of checkboxes to be selected, jQuery

问题描述

这个问题的一个更简单的版本已经发布，但是我有一些困难。

说我有5个复选框：

• 无


• 苹果


• 香蕉


• > Orange

用户可以选择两个复选框，

解决方案

/ div>

尝试使用此示例：

  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 ）; 
 checked.push（this）; 
 checked = $（checked）
 checked.prop（'checked'，false）.slice true）; 
} 
}）; 
  

http://jsfiddle.net/q7Dve/

A simpler version of this question has already been posted, but I'm having some difficulty.

Say I have 5 checkboxes:

• None
• Apple
• Banana
• Orange
• Pear

The user is allowed to select two checkboxes, but if "None" is chosen, they can only select one.

Is that possible at all?

解决方案

Try to play with this example:

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/

这篇关于限制要选择的复选框的数量，jQuery的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！