个人中心
gpt4 book ai didi

javascript - 如何使用 jQuery 创建一个计数器

转载 作者：行者123 更新时间：2023-11-30 08:46:29 24 4
gpt4 key购买 nike

所以我正在尝试使用 jQuery 创建一个计数器，但由于某种原因我无法让它工作。我正在使用 3 个输入。 1 个数字输入和 2 个按钮。

我的 html 看起来像这样:

<html>

    <head>

        <link rel="stylesheet" type="text/css" href="style.css">

    </head>

    <body>

        <div id="title">
            <div id="middle">
                <div id="inner">Books</div> 
            </div>
        </div>

        <input class="counter" type="number" value="0"></input>

        <input class="red" type="submit" value="-"></input>
        <input class="green" type="submit" value="+"></input>

        <script type="text/javascript" src="jquery-1.11.10.min.js"></script>
        <script type="text/javascript" src="script.js"></script>

    </body>

</html>

这是我的 jQuery 代码:

$(document).ready(function(){

    var num = 0;

    $(".red").click(function(){
        num = $(".counter").val();
        num = num - 1;
        $(".counter").val(num);
    })

    $(".green").click(function(){
        num = $(".counter").val();
        num = num + 1;
        $(".counter").val(num);
    })

}

我似乎找不到我的代码有什么问题。

最佳答案

这里我使用了+，它强制引擎通过对其应用数学运算符来隐式转换它；

将输入值转换为数字

num = +$(".counter").val();

DEMO

此外，您缺少文档就绪处理程序的关闭 )。

我还建议您使用 type="button" 而不是 type="submit"

关于javascript - 如何使用 jQuery 创建一个计数器，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/21586473/

24 4 0
文章推荐： java - 按下鼠标时更改 JButton 的图标
文章推荐： 在相同的超参数下，Numpy 的性能优于 Tensorflow 和 Pytorch
文章推荐： java - Builder Factory 返回不同的子接口(interface)
文章推荐： machine-learning - 如何加载引用.caffemodel进行训练
行者123
个人简介

我是一名优秀的程序员,十分优秀！

滴滴打车优惠券免费领取
滴滴打车优惠券
全站热门文章
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com