php - 两个盒子，两个最大值 - 但不设置哪个值属于哪个盒子

Question

希望我能解释一下我在寻找什么......

我有两个文本框:长度和宽度

在一个框中，最大值为 200，而在另一个框中为 100。目前我正在使用以下代码:

document.getElementById('Length').onchange = function(){
      if(this.value > 200){
           this.value = 200;
      }
      if(this.value < 10){
           this.value = 10;
      }
}


    document.getElementById('Width').onchange = function(){
      if(this.value > 100){
           this.value = 100;
      }
      if(this.value < 20){
           this.value = 20;
      }
}

这是棘手的部分:我希望不要设置哪个框具有哪个最大值。这应该取决于客户的类型。如果有人在长度中输入小于 100 的值，则宽度的最大值为 200。但如果有人在长度中输入“158”，则宽度的最大值应为 100，长度的最大值应为 200。反之亦然。

此外，如果有人首先在“长度”中输入 150，然后在“宽度”中输入 160，则“长度”中的 250 应更改为 100 - 因此 200 最大值应属于最近值高于 100 的框最大。

编辑:另外，是否可以将最大值与最小值连接起来？因此，获得最大值 200 的盒子也具有最小值 10，然后另一个盒子具有最大值 100 和最小值 20。希望这是可以理解的。

Answer 1

也许是这样的:

var length = document.getElementById('Length'),
    width = document.getElementById('Width');

length.onchange = function() {
    var maxValue = width.value < 100 ? 200 : 100;
    if (this.value > maxValue) {
        this.value = maxValue;
    }
    if (this.value < 10) {
        this.value = 10;
    }
};

width.onchange = function() {
    var maxValue = length.value < 100 ? 200 : 100;
    if (this.value > maxValue) {
        this.value = maxValue;
    }
    if (this.value < 10) {
        this.value = 10;
    }
};

jsFiddle .