jquery 数值只能增加减少

####html

    <input id="min" name="" type="button" value="-"/>
    <input id="text_box" name="" type="text" value="1" style="width:30px;text-align: center"/>
    <input id="add" name="" type="button" value="+"/>

####js
记得引入jquery

$(document).ready(function () {
        //获得文本框对象
        var t = $("#text_box");
        //初始化数量为1,并失效减
        $('#min').attr('disabled', true);
        //数量增加操作
        $("#add").click(function () {
            // 给获取的val加上绝对值,避免出现负数
            t.val(Math.abs(parseInt(t.val()))+ 1);
            if (parseInt(t.val()) != 1) {
                $('#min').attr('disabled', false);
            };
        })
        //数量减少操作
        $("#min").click(function () {
            t.val(Math.abs(parseInt(t.val()))==0?2:Math.abs(parseInt(t.val()))  - 1);
            if (parseInt(t.val()) == 1) {
                $('#min').attr('disabled', true);
            };
        })
    });

    $("#text_box").blur(function () {
        var value = $('#text_box').val();
        if (value == null || value == undefined || value === '') {
            top.showMsg("错误", "请输入半径(数值)!", true, 'warning');
            return;
        }
        if (!(/(^[1-9]\d*$)/.test(value))) {
            $('#text_box').val(1);
        }
    });
posted @ 2021-07-01 17:51  !!!嘻哈!!!  阅读(53)  评论(0编辑  收藏  举报