检查if语句中两个整数的值不工作jquery

检查if语句中两个整数的值不工作jquery,jquery,Jquery,我有两个价值观;成人和儿童。我正在创建一个表单,其中用户不能超过两个值的组合最大值。该值取决于两个按钮的点击而产生,但是变量:combinedValueNumber不会随点击而改变。这使我相信,即使数字在视觉上发生变化,输入值也不会改变。由于将提交该数据,因此必须记录该值。我该怎么做 childVal = parseInt($('#pageSearch-children').val()); adultVal = parseInt($('#pageSearch-adults').val()); m

我有两个价值观;成人和儿童。我正在创建一个表单,其中用户不能超过两个值的组合最大值。该值取决于两个按钮的点击而产生,但是变量:combinedValueNumber不会随点击而改变。这使我相信,即使数字在视觉上发生变化,输入值也不会改变。由于将提交该数据,因此必须记录该值。我该怎么做

childVal = parseInt($('#pageSearch-children').val());
adultVal = parseInt($('#pageSearch-adults').val());
minValueChild = parseInt($('#pageSearch-children').attr('min'));
maxValueChild = parseInt($('#pageSearch-children').attr('max'));
minValueAdult = parseInt($('#pageSearch-adults').attr('min'));
maxValueAdult = parseInt($('#pageSearch-adults').attr('max'));
maxAbsolute = parseInt(( maxValueChild + maxValueAdult ) / 2);
combinedValueNumber = parseInt(adultVal + childVal);
if (combinedValueNumber < maxAbsolute) {
    $('.add').click(function() {
      if (childVal < maxValueChild) {
        $('#pageSearch-children').val(function(i, oldval) {
          return ++oldval;
        });
        childVal = $('#pageSearch-children').val();
      }
    });
    $('.sub').click(function() {
      if (childVal > minValueChild) {
        $('#pageSearch-children').val(function(i, oldval) {
          return --oldval;
        });
        childVal = $('#pageSearch-children').val();
      }
    });

    adultVal = $('#pageSearch-adults').val();
    minValueAdult = $('#pageSearch-adults').attr('min');
    maxValueAdult = $('#pageSearch-adults').attr('max');
    $('.add2').click(function() {
      if (adultVal < maxValueAdult) {
        $('#pageSearch-adults').val(function(i, oldval) {
          return ++oldval;
        });
        adultVal = $('#pageSearch-adults').val();
      }
    });
    $('.sub2').click(function() {
      if (adultVal > minValueAdult) {
        $('#pageSearch-adults').val(function(i, oldval) {
          return --oldval;
        });
        adultVal = $('#pageSearch-adults').val();
      }
    });
}


<div id="field1" class="centered">
    <h3 class="white black">
        <input class="backgroundNoneInput" type="number" value="1" id="pageSearch-adults" name="adults" min="0" max="{{ $property->property_sleeps or '99' }}" readonly> 
        Adults
    </h3>
    <button type="button" class="sub2 backgourndNoneButt faded">
        <span class="white fa fa-minus fa-2x faPlusMin" aria-hidden="true">                      
        </span>
    </button>
    <button type="button" class="add2 backgourndNoneButt">
        <span class="white fa fa-plus fa-2x faPlusMin" aria-hidden="true">                        
        </span>
    </button>
</div>
<div id="field2" class="centered">
    <h3 class="white black">
        <input class="backgroundNoneInput" type="number" value="0" id="pageSearch-children" name="children" min="0" max="{{ $property->property_sleeps or '99' }}" readonly> 
        Children
    </h3>
    <button type="button" class="sub backgourndNoneButt faded">
        <span class="white fa fa-minus fa-2x faPlusMin" aria-hidden="true">                      
        </span>
    </button>
    <button type="button" class="add backgourndNoneButt">
        <span class="white fa fa-plus fa-2x faPlusMin" aria-hidden="true">                        
        </span>
    </button>
</div>

更新输入中的值后,请确保更新combinedValueNumber。这就是儿童的例子

$('.add').click(function() {
  if (childVal < maxValueChild && combinedValueNumber < maxAbsolute) {
    $('#pageSearch-children').val(function(i, oldval) {
      return ++oldval;
    });
    childVal = $('#pageSearch-children').val();
    combinedValueNumber++;
  }
});
$('.sub').click(function() {
  if (childVal > minValueChild && combinedValueNumber < maxAbsolute) {
    $('#pageSearch-children').val(function(i, oldval) {
      return --oldval;
    });
    childVal = $('#pageSearch-children').val();
    combinedValueNumber--;
  }
});

成年人也是如此。

为什么组合值number的值要更改?combinedValueNumber=ParsentalVal+childVal;parseInt是不必要的,只执行一次。@Andreas,因为adultVal+childVal的值在单击时会更改。它们也不会因为相同的原因而更改。它们在视觉上会更改,单击时会显示一个新的数字。。但我需要改变数值和数字。有什么建议吗?您忘记更新组合值编号了吗?谢谢,这会改变值。肯定帮了我正确的方向。然而,我的计划是combinedValueNumber永远不能超过maxAbsolute。。如果是,则If语句中的函数不运行。然而,他们仍然这样做。这是为什么?嘿,老兄,我现在正试着设计一些按钮的样式,以便显示它们是禁用的。。这是我目前的密码。。你推荐什么?$。add.sub.add2.sub2.单击函数{if childVal==maxAbsolute{$'.add.addClass'Failed';}其他{$'.add.removeClass'Failed';}如果childVal==0{$'.sub.addClass'Failed';}其他{$'.sub removeClass'Failed';};如果要禁用按钮,请尝试此$'.add'.attr'disabled',true;