Javascript 根据选定单选按钮的值添加和减去选定单选按钮

我有一段脚本，计算从一系列单选按钮中选择的肉类数量，并将“选择肉类”更改为“选择x肉类”。事情就是这样开始的

$('input.meats').not('[value=None]').on('click', function() {
    var count = $('input.meats:checked').length;
    $('.select-meats span').text(count+' meats chosen');
});

我的表格就是这样开始的

Chicken:   X None   _ Half   _ Full
Beef:      X None   _ Half   _ Full
Pork:      X None   _ Half   _ Full
Select meats.

如果我更改选择，“选择肉类”将更改为所选肉类的总数。不管是一半还是全部

Chicken:   X None   _ Half   _ Full
Beef:      _ None   X Half   _ Full
Pork:      _ None   _ Half   X Full
2 meats chosen.

我的问题是，如果我将其中一种肉改回“无”，它不会从总数中减去

Chicken:   X None   _ Half   _ Full
Beef:      _ None   X Half   _ Full
Pork:      X None   _ Half   _ Full
2 meats chosen.                       <-- Should be "1 meats chosen".

Chicken:X无uuu半uuu满
牛肉：无X半满
猪肉：X不加半满
选择2种肉类 您的
not（）
放错了位置。通过将其置于事件处理程序注册中，当用户按下
None
选项时，代码将不会运行。通过不将其放入
count
计算，您将
None
计算为1块肉

将
.not（'[value=None]'）
移动到
计数计算中，并从事件处理程序注册中移出：

$('input.meats').on('click', function() {
    var count = $('input.meats:checked').not('[value=None]').length;
    $('.select-meats span').text(count+' meats chosen');
});

您的
not（）
放错了位置。通过将其置于事件处理程序注册中，当用户按下
None
选项时，代码将不会运行。通过不将其放入
count
计算，您将
None
计算为1块肉

将
.not（'[value=None]'）
移动到
计数计算中，并从事件处理程序注册中移出：

$('input.meats').on('click', function() {
    var count = $('input.meats:checked').not('[value=None]').length;
    $('.select-meats span').text(count+' meats chosen');
});

将
not
放在count变量上，如下所示：


$（'input.meats'）。在（'click'，function（）上{
var count=$（'input.meats:checked'）。不是（'[value=none]'）。长度；
$（'.selected meat span'）。文本（计数+'meat selected'）；
});

无

一半

满满的

无

一半

满满的





将
not
放在count变量上，如下所示：


$（'input.meats'）。在（'click'，function（）上{
var count=$（'input.meats:checked'）。不是（'[value=none]'）。长度；
$（'.selected meat span'）。文本（计数+'meat selected'）；
});

无

一半

满满的

无

一半

满满的