jquery - 如果值等于 1，则禁用其他选择

Question

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

如果用户选择值 = 1，我想禁用其他选择并保持当前状态。

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

HTML

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>

jQuery

$(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);
    }
  });
});

https://jsfiddle.net/qq1q6orw/2/

Answer 1

这是一个示例:

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

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.0.0/jquery.min.js"></script>
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>