Сравнение входных значений jquery получает только одну цифру

Question

Привет, я новичок в jquery, и я сталкиваюсь с этими проблемами.

У меня есть этот код

<script type="text/javascript" src="http://code.jquery.com/jquery-latest.js"></script> 
<script>
$(".adults").change(function(){
    var test = $(".maxpeople").val();
    if ($(this).val() > $(".maxpeople").val()) {
        alert("test");
    }
    alert(test)
});
</script>

, и мне нужно сравнить цифры, и если значение .adults больше, чемЗначение .maxpeople тогда покажи мне предупреждение.код работает, но, похоже, он занимает всего одну цифру.Например:

.maxpeople = 17

Я положил 1 в .adults и все в порядке, но если я поставлю 2, он показывает предупреждение, теперь, если я поставлю 16, он не показывает предупреждение .. чтоя делаю неправильно ??

Answer 1

val() собирается вернуть строку.Если вы хотите сравнить числа, вам придется преобразовать строки в числа.

Предполагая, что вы просто хотите целые числа, используйте parseInt.

Answer 2

Вам нужно сравнивать целые числа, а не строки. Рассмотрим следующий пример:

console.log("12" > "2"); //false
console.log(12 > 2); //true

Вы должны использовать функцию parseInt , чтобы исправить это, т.е.:

var test = parseInt($(".maxpeople").val(), 10);

Answer 3

Значения обрабатываются как строки, если не указано иное

Попробуйте это:

$(".adults").change(function(){
    var test = $(".maxpeople").val();
    if (  parseInt($(this).val(),10) > parseInt($(".maxpeople").val(),10)) {
        alert("test");
    }
    alert(test)
});

Answer 4

Я считаю, что ваша проблема возникла из-за того, что .val() возвращает string.Используйте parseInt() вот так:

if (parseInt($(this).val()) > parseInt($(".maxpeople").val())) {
    alert("test");
}

Answer 5

Ваша ошибка в том, что вы сравниваете строки.

Используйте parseInt () или parseFloat ()

Answer 6

.val() будет строкой.Вам нужно сделать это число, если вы хотите числовые сравнения.

parseInt($(this).val()) > parseInt($(".maxpeople").val())