javascript – jQuery增加或减少变量1

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了javascript – jQuery增加或减少变量1，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含1725字，纯文字阅读大概需要3分钟。

内容图文

我在输入字段的两侧都有简单的加号和减号按钮,如下面的代码所示

<input type="button" value="-" id="subs" class="btn btn-default pull-left" style="margin-right: 2%" onclick="subst()" />&nbsp;
<input type="text" style="width: 410px;text-align: center; margin: 0px;" class="onlyNumber form-control pull-left" id="noOfRoom" value="<?php echo set_value('noOfRoom'); ?>" name="noOfRoom" />&nbsp;
<input type="button" value="+" id="adds" onclick="add()" class="btn btn-default" />

旨在添加或减去房间,同时添加房间和jquery功能

function add() {
    var a = $("#noOfRoom").val();
    a++;
    if (a => 1) {
        $("#subs").removeAttr("disabled");
    }
    $("#noOfRoom").val(a);
};

function subst() {
    var b = $("#noOfRoom").val();
    if (b.length > 0 && b >= 1) {
        b--;
        $("#noOfRoom").val(b);
    }
    else {
        $("#subs").attr("disabled", "disabled");
    }
};

但是显示了以下问题

>当我在初始阶段点击减去( – )按钮时,-1显示在输入框中,默认情况下,应禁用减法( – )按钮以使房间编号为负数.
>每次当我点击加号或减号按钮时,数字会被加2或减去2.如何解决？

解决方法:

移动评论回答没有人接受建议：

>我建议不要使用带有jQuery的内联onclick =处理程序.它们无缘无故地将事件处理程序与事件代码分开,并且不允许jQuery事件处理程序的额外功能.
>对于DOM元素属性(如禁用),使用prop而不是attr.这具有获取布尔值的额外优势.
>然后您可以简单地使用！a来控制禁用状态(因为您只检查0).
>作为一个好习惯,总是选择一次DOM元素并保存选择器.

例如

$('#adds').click(function add() {
    var $rooms = $("#noOfRoom");
    var a = $rooms.val();
    a++;
    $("#subs").prop("disabled", !a);
    $rooms.val(a);
});
// Set initial disabled state
$("#subs").prop("disabled", !$("#noOfRoom").val());

$('#subs').click(function subst() {
    var $rooms = $("#noOfRoom");
    var b = $rooms.val();
    if (b >= 1) {
        b--;
        $rooms.val(b);
    }
    else {
        $("#subs").prop("disabled", true);
    }
});

JSFiddle：https://jsfiddle.net/k7nyv84b/4/

内容总结

以上是互联网集市为您收集整理的javascript – jQuery增加或减少变量1全部内容，希望文章能够帮你解决javascript – jQuery增加或减少变量1所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端