+；1到使用javascript或jquery的按钮_Javascript_Jquery_Html_Button_Increment

+；1到使用javascript或jquery的按钮

javascript jquery html button

+；1到使用javascript或jquery的按钮,javascript,jquery,html,button,increment,Javascript,Jquery,Html,Button,Increment,我希望在按钮单击时增加一个按钮值，稍后需要将其提交到数据库我目前的做法如下所示，但当我单击按钮时，递增的值显示，按钮文本“目标”消失如何使按钮被点击时，按钮名称变为递增的值，而不是A。删除按钮名称或B：必须使用输入字段来显示结果我希望它显示如下： GOAL then GOAL etc etc (1) (2) let v; let firstTime = true; $('#button1').click(function() { if (firstTime)

我希望在按钮单击时增加一个按钮值，稍后需要将其提交到数据库

我目前的做法如下所示，但当我单击按钮时，递增的值显示，按钮文本“目标”消失

如何使按钮被点击时，按钮名称变为递增的值，而不是A。删除按钮名称或B：必须使用输入字段来显示结果

我希望它显示如下：

GOAL then GOAL    etc etc
(1)       (2)

let v;
let firstTime = true;
$('#button1').click(function() 
{
    if (firstTime) {
        v = 1;
        firstTime = false;
    } else {
        v++;
    }
    $(this).html(v);
});

html

<button type="button" id ="button1" class="btn btn-lg btn-primary">GOAL</button>

我不太理解你，但如果你想保持目标字符串并在它之后增加点击量，这里有一个解决方案：

(function(){
  var goalStr = 'GOAL ';
  // You can read it from the button as well
  // var goalStr  = $('#button1').text();
  var i = 0;
  $('#button1').click(function() {
    i++;
    $(this).text(goalStr+i);
  });
})();

我不太理解你，但如果你想保持目标字符串并在它之后增加点击量，这里有一个解决方案：

(function(){
  var goalStr = 'GOAL ';
  // You can read it from the button as well
  // var goalStr  = $('#button1').text();
  var i = 0;
  $('#button1').click(function() {
    i++;
    $(this).text(goalStr+i);
  });
})();

我写了这样的东西：

GOAL then GOAL    etc etc
(1)       (2)

let v;
let firstTime = true;
$('#button1').click(function() 
{
    if (firstTime) {
        v = 1;
        firstTime = false;
    } else {
        v++;
    }
    $(this).html(v);
});

我写了这样的东西：

GOAL then GOAL    etc etc
(1)       (2)

let v;
let firstTime = true;
$('#button1').click(function() 
{
    if (firstTime) {
        v = 1;
        firstTime = false;
    } else {
        v++;
    }
    $(this).html(v);
});

也许您可以在该

按钮中添加span
元素，并在用户单击按钮时更改span
的内容
html
也许您可以在该按钮中添加span
元素，并在用户单击按钮时更改span
的内容
html
只需像这样向按钮的HTML中添加文本
<!DOCTYPE html>
<html>

    <head>
        <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
    </head>

  <body>

    <button type="button" id ="button1" class="btn btn-lg btn-primary"><span class="btn-text">GOAL</span><div class="btn-value"></div></button>

    <script>
        $('#button1').click(function() {
            $('#button1').find('.btn-value').html(function(i, val) {return (val*1+1); });
        });
    </script>

  </body>
</html>


目标
$（'#按钮1'）。单击（函数（）{
$（'#button1'）.find（'.btn value'）.html（函数（i，val）{return（val*1+1）；}）；
});
只需将文本添加到按钮的HTML中，如下所示
<!DOCTYPE html>
<html>

    <head>
        <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
    </head>

  <body>

    <button type="button" id ="button1" class="btn btn-lg btn-primary"><span class="btn-text">GOAL</span><div class="btn-value"></div></button>

    <script>
        $('#button1').click(function() {
            $('#button1').find('.btn-value').html(function(i, val) {return (val*1+1); });
        });
    </script>

  </body>
</html>


目标
$（'#按钮1'）。单击（函数（）{
$（'#button1'）.find（'.btn value'）.html（函数（i，val）{return（val*1+1）；}）；
});