如何在用户点击它时创建一个可以计算的按钮?

时间:2013-11-29 14:01:50

标签: html button counter

我是编码的新手,我想制作一个按钮,当用户点击它时,会将计数增加1。我也想知道如何限制它只被点击一次。它类似于facebook like按钮,但我想创建我的自定义按钮,它会做同样的事情,但只会在我的网站上显示。

1 个答案:

答案 0 :(得分:1)

这是使用jQuery的东西。 HTML部分将在

下面
<button>Click Me</button>

jQuery代码,将添加到<script>部分的<head>标记中。

var click = "1"; // set the variable
$('button').click(function () { // click on button
   $(this).text('Clicked ' + click + ' times'); // write the variable value in it
   click ++; // increment the variable
}

http://jsfiddle.net/afzaal_ahmad_zeeshan/jRXBr/4/(用于测试;根据Pippin的建议)

要禁用它,请使用

$('button').click(function () { // click on button
   $(this).prop('disabled', true); // set its disabled property to true
}

http://jsfiddle.net/afzaal_ahmad_zeeshan/jRXBr/1/(用于测试)

您可以使用我创建的小提琴测试代码,您将了解它们的工作原理! :)