Javascript 如果所有选择都有值，则jQuery显示按钮

我有一系列选择选项，客户可以使用这些选项更改产品选项，以满足他们的需求。这将改变价格，这是有效的。然而，我不能得到工作的一点是，我希望购买按钮隐藏，直到至少一个选项从每个选择被选中

目前，它的工作，但购买按钮显示，如果只有一个选项有选择。如何确保它仅在所有选择都选择了一个选项时才显示

我对HTML几乎没有控制权，所以使用我所拥有的

HTML:

工作示例：

尝试一下：

var $options = $(".product_options select");

$options.on('change', function() {
  var selectedCount = 0;
  $options.each(function() {
    if ($(this).val()) {
      selectedCount ++;
    }
  });

  // All select fields have been selected.
  if (selectedCount === $options.length) {
    $(".buy__btn").show();
  } else {
    $(".buy__btn").hide();
  }
});

您可以使用：

var $select = $(".product__options select"); //Cache the select

$select.on('change', function() {
    var valid = true; //Flag
    $select.each(function() {
        return valid = !!this.value //Assign the flag a bolean is valid or not
    });

    $(".buy__btn").toggle(valid); //Display/hide
});

---

谢谢你的帮助！卡尔，如果我想在buy btn的开关上连接其他可见或隐藏的东西，我会怎么做？基本上，我有一些我需要隐藏的时候，买btn是visible@Mat-可视化

$（“您要隐藏的东西”）。切换（！valid）

var $options = $(".product_options select");

$options.on('change', function() {
  var selectedCount = 0;
  $options.each(function() {
    if ($(this).val()) {
      selectedCount ++;
    }
  });

  // All select fields have been selected.
  if (selectedCount === $options.length) {
    $(".buy__btn").show();
  } else {
    $(".buy__btn").hide();
  }
});

var $select = $(".product__options select"); //Cache the select

$select.on('change', function() {
    var valid = true; //Flag
    $select.each(function() {
        return valid = !!this.value //Assign the flag a bolean is valid or not
    });

    $(".buy__btn").toggle(valid); //Display/hide
});