如何用限制編號增量

我正在使用帶有加號和減號的數字欄位來選擇專案的產品數量。當我按下加號圖示時，我需要設定一個最大限制。我正在使用下面的代碼

$(document).ready(function() {
    $('.minus').click(function () {
        var $input = $(this).parent().find('input');
        var count = parseInt($input.val()) - 1;
        count = count < 1 ? 1 : count;
        $input.val(count);
        $input.change();
        return false;
    });
    $('.plus').click(function () {
        var $input = $(this).parent().find('input');
        $input.val(parseInt($input.val())   1 );
        $input.change();
       
        return false;
    });
});

如何設定按 圖示時的最大限制。

uj5u.com熱心網友回復：

通過使用Math.min()和優化可讀性Math.max()

const MINIMUM = 1
const MAXIMUM = 99

$(document).ready(function() {
        $('.minus').click(function () {
            var $input = $(this).parent().find('input');
            var newCount = Math.max(parseInt($input.val()) - 1, MINIMUM);
            $input.val(newCount);
            $input.change();
            return false;
        });
        $('.plus').click(function () {
            var $input = $(this).parent().find('input');
            var newCount = Math.min(parseInt($input.val())   1, MAXIMUM)
            $input.val(newCount);
            $input.change();
            return false;
        });
    });

uj5u.com熱心網友回復：

例如，以下是將其限制為 99 的方法：

$(document).ready(function() {
    $('.minus').click(function () {
        var $input = $(this).parent().find('input');
        var count = parseInt($input.val()) - 1;
        count = count < 1 ? 1 : count;
        $input.val(count);
        $input.change();
        return false;
    });
    $('.plus').click(function () {
         var $input = $(this).parent().find('input');
        var count = parseInt($input.val())   1;
        count = count > 99 ? 99 : count;
        $input.val(count);
        $input.change();
        return false;
    });
});

uj5u.com熱心網友回復：

您需要檢查當前值。如果值超過限制，則忽略該操作：

$(document).ready(function() {
        $('.minus').click(function () {
            var $input = $(this).parent().find('input');
            var count = parseInt($input.val()) - 1;
            count = count < 1 ? 1 : count;
            $input.val(count);
            $input.change();
            return false;
        });
        $('.plus').click(function () {
            var $input = $(this).parent().find('input');

            if ($input.val() > 100) {
                return;
            }

            $input.val(parseInt($input.val())   1 );
            $input.change();
           
            return false;
        });
    });

uj5u.com熱心網友回復：

靜態函式 Math.min() 回傳傳遞給它的最低值數字，如果任何引數不是數字且無法轉換為一，則回傳 NaN。

$(document).ready(function() {
        $('.minus').click(function () {
            var $input = $(this).parent().find('input');
            var count = parseInt($input.val()) - 1;
            count = count < 1 ? 1 : count;
            $input.val(count);
            $input.change();
            return false;
        });
        $('.plus').click(function () {
            var max = 100;
            var $input = $(this).parent().find('input');
            $input.val(Math.min(max, parseInt($input.val())   1 ));
            $input.change();
           
            return false;
        });
    });

標籤：

上一篇：Jquery在OracleApex經典報告中加粗一行

下一篇：僅檢查未禁用