Javascript 在实际HTML按钮上显示计数器
我有一个“喜欢”按钮;在按钮下面,我可以显示“like count” 但是,我希望“like count”值显示在实际按钮本身上。例如,我希望按钮上显示:“如5”Javascript 在实际HTML按钮上显示计数器,javascript,html,button,Javascript,Html,Button,我有一个“喜欢”按钮;在按钮下面,我可以显示“like count” 但是,我希望“like count”值显示在实际按钮本身上。例如,我希望按钮上显示:“如5” 如何在按钮上同时显示文本和变量值?也许您可以使用我编写的代码进行改进 HTML 这是Jsfiddle的链接 你能把你迄今为止尝试过的东西贴出来吗? <form id = "form" method = "POST"> <input type = "submit" value = "Like" /> &l
如何在按钮上同时显示文本和变量值?也许您可以使用我编写的代码进行改进 HTML 这是Jsfiddle的链接
你能把你迄今为止尝试过的东西贴出来吗?
<form id = "form" method = "POST">
<input type = "submit" value = "Like" />
</form>
<br />
<div id = "clicks">
counter = <label id = "count">0</label> clicks !
</div>
function CountOnFormSubmitEvent(form_id, _callback_)
{
var that = this, count = 0, callback = _callback_;
var form = document.getElementById(form_id);
if(form === null) { return null; }
var reset = function(){
count = 0;
};
form.addEventListener("submit", function(evt){
callback(evt, ++count, reset);
}, false);
}
//Reseting Process You can delete if you dont want it.
var counter = new CountOnFormSubmitEvent("form", function(event, count, reset_callback){
event.preventDefault();
if(count >= 10)
{
alert("Reseting the process");
reset_callback();
}
document.getElementById("count").innerHTML = count;
});