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