每次用户单击按钮时运行if语句检查器

Run if statement checker every time when the user click on the button

本文关键字：if 语句 检查 运行 用户 单击 按钮      更新时间：2023-09-26

例如，我有一个p标记，我有个javascript函数，每当用户单击按钮时，它的值就会增加10。

HTML:

    <p id="test">0</p>
   <button id="trigger">test</button>

Jquery：

     var empty;
    $(document).ready(function() {
            $("#trigger").click(function(){
                empty = $("#test").html()+10;
                $("#test").html(empty);
               console.log($("#test").html());
              }
        })
})

这应该会更新p标记的编号，但console.log始终显示0。里面有恐怖分子吗？下面只是一个例子，我只想知道如何在每次用户单击指定按钮时运行if语句。

您应该使用parseInt将字符串转换为整数

parseInt（）函数解析字符串参数并返回指定基数的整数（数学数字中的基数系统）。

阅读更多

var empty;
$(document).ready(function() {
  $("#trigger").click(function() {
    empty = parseInt($("#test").html()) + 10;
    $("#test").html(empty);
    console.log($("#test").html());
  })
})
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<p id="test">0</p>
<button id="trigger">test</button>

您将字符串添加到数字中，这只会产生字符串，用户parseInt()将文本转换为数字，然后进行添加，如下所示

注意：您的代码有一个额外的}，需要删除

var empty;
$(document).ready(function() {
  $("#trigger").click(function(){
    empty = parseInt($("#test").html()) + 10;
    $("#test").html(empty);
    console.log($("#test").html());
   //remove extra } from here
   });
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<p id="test">0</p>
<button id="trigger">test</button>

转换为int parseInt（$（"#test"）.html（）），然后进行10+

相关文章：