+1 to button使用javascript或jquery

我想增加一个按钮的按钮值，我稍后需要提交给我的数据库。+1 to button使用javascript或jquery

我目前正在按照如下所示进行操作，但是当我单击按钮时，增加的值显示并且按钮文本“GOAL”消失。

哪能让这个按钮被点击时，它会带走按钮名称或B按钮名称更改为增加值，而不是A的：不必使用输入字段来显示结果

我想它显示是这样的：

GOAL then GOAL etc etc 
(1)  (2)

的HTML

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

jQuery的

$('#button1').click(function() { 
    $('#button1').html(function(i, val) { return (val*1+1) }); 
});

来源

2017-03-23 Robyn

也许您可以在此button中添加一个span元素，并在用户单击该按钮时更改span的内容。

HTML

<button type="button" id ="button1" class="btn btn-lg btn-primary"> 
GOAL<br>(<span>1</span>) 
</button>

的jQuery：

$('#button1').click(function() { 
    $('#button1 span').html(function(i, val) { return (val*1+1) }); 
});

来源

2017-03-23 14:01:27 awmleer

谢谢！这完美的作品！ – Robyn

我不太undertand你，但如果你想保持目标字符串和增量点击后，在这里是一个解决方案：

(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); 
    }); 
})();

来源

2017-03-23 13:58:24 kidwon

是的，这正是我的意思谢谢！ – Robyn

我写了这样的事情：

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

来源

2017-03-23 14:00:14 user218046

只需添加文本按钮的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>

来源

2017-03-23 14:08:22 alireza

谢谢你，这也很好。 – Robyn

+1 to button使用javascript或jquery

回答

相关问题