javascript - 根据文本框中值的大小将按钮绑定到多个激活的文本框

Question

我正在建立一个网站，人们可以在其中定制产品的形状，然后再订购。

最终会有几个按钮绑定到四个文本框。当用户在文本框中输入更高的值时，被激活的按钮会发生变化，因此我们知道需要为该客户的设计订购什么尺寸的材料。

如何根据放置在文本框中的值创建启用/禁用的按钮？

Answer 1

你可以使用 jQuery 并尝试这样的事情：

首先，给你的按钮一个属性disabled="disabled"，然后：

//Assuming they are typing, if it's a dropdown/select, see below

$('#input-id').on('keyup', function() {
    if($(this).val() >= 10 && $(this).val() <= 20) { // If the value is between 10 and 20...
      $('#button-id').removeAttr('disabled'); // Remove disabled attribute
    } else { // If the value is not our keyword...
      if(!$('#button-id').attr('disabled')) { // And the button is not disabled...
        $('#button-id').attr('disabled', 'disabled'); // Readd disabled attribute
      }
    }
});

如果您使用的是下拉菜单或选择框，请使用$("select option:selected").