Jquery 禁用“其他选择”如果值等于1

我有动态选择选项。只有0和1用户可以选择

如果用户选择值=1，我想禁用其他选择并保持最新

如果用户从当前选项中选择值=0，则再次选择其他选项启用

HTML

---

这里更新了小提琴：

---

以下是一个示例：

$（document）.on（'change keyup keypress'，'.trigger'，function（）{
var flag=$（this）.val（）==1；
$（“.quantity”）.not（此）.prop（“已禁用”，标志）；
});

A:
0
1.
B:
0
1.
C:
0
1.
在您发布的代码中有许多不必要的选择器和不必要的逻辑。您可以简单地告诉jQuery不要使用


$（document）.on（'change keyup keypress'，'.trigger'，function（）{
变量数量=$（this.val（）；
如果（数量=1）{
$（'.quantity'）.not（this.prop）（“disabled”，true）；
}否则{
$（'.quantity'）.not（this.prop）（“disabled”，false）；
}
});

A:
0
1.
B:
0
1.
C:
0
1.
问题出在哪里？全部选择禁用。因此，我无法更改选项您希望选择为1的下拉列表应保持活动状态，所有其他下拉列表均被禁用，并且当您选择0时，所有下拉列表均应保持活动状态是否正确？是。没错
A : 
<select name="quantity[1]" class="form-control quantity trigger">
  <option value="0">0</option>
  <option value="1">1</option>
</select>
B : 
<select name="quantity[2]" class="form-control quantity trigger">
  <option value="0">0</option>
  <option value="1">1</option>
</select>
C:
<select name="quantity[3]" class="form-control quantity trigger">
  <option value="0">0</option>
  <option value="1">1</option>
</select>

$(document).on('change keyup keypress', '.trigger', function() {
  $(".quantity").prop("disabled", true);

  $('.quantity option:selected').each(function() {
    quantity += parseInt($(this).val()) || 0;
    if (quantity == 1) {
      $(this).prop("disabled", false);
    } else {
      $(this).prop("disabled", true);
    }
  });
});

$(document).on('change keyup keypress', '.trigger', function() {
    if($(this).val() == 1){
      $(".quantity").not(this).prop("disabled", true);
    }else{
    $(".quantity").prop("disabled", false);    
    }     

    $('.quantity option:selected').each(function() {
        var quantity = parseInt($(this).val());
        if (quantity == 1) {
            $(this).prop("disabled", false);
        } else {
            $(this).prop("disabled", true);
        }
    });
});