时间戳

首页 > 解决方案 > 按钮点击计数器

javascript - 按钮点击计数器

问题描述

我有这个 jQuery 代码来计算我的按钮点击次数，但由于某种原因，它只在一次点击后就停止了。请帮我修复它。

$(function() {
  $('.btn').click(function() {
    $(this).val(this.textContent + 1);
  });
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input type="button" class="btn" value="0">

标签： javascriptjqueryhtml

解决方案

用于this.value获取当前值：

$(function() {
  $('.btn').click(function() {
    $(this).val(parseInt($(this).val()) + 1);
  });
});

片段：

$('.btn').click(function() {
  $(this).val(parseInt($(this).val()) + 1);
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input type="button" class="btn" value="0">

推荐阅读