点击按钮后增加计数器值

时间:2016-02-24 09:25:00

标签: javascript button onclick counter

我想在点击按钮时增加计数器值。它不起作用。

我的HTML如下:

<td>Infocomm Technology</td>
 <td>
    <label>
      <input type="submit" name="button" id="button1" value="Vote" ref="1" />
    </label>
 </td>
<td width="303">
  <span id="result1">1 votes</span>
</td>

我的脚本如下:

var vote = 1

$(document).ready(function(){
     $("#button1").click(function() {
         var vote = $("#result1").val();
         vote++ ;
         $('#submit').val();
     });
 });

2 个答案:

答案 0 :(得分:1)

将您的代码更改为以下内容:

var vote = 1

$(document).ready(function(){
     $("#button1").click(function() {
         vote++;
         $("#result1").html(vote);
     });
 });

您不必在点击功能中声明另一个名为“vote”的变量。只需执行vote ++即可添加1,然后将当前值添加到结果结果范围。

答案 1 :(得分:1)

如果我正确地阅读了您的代码,那么当用户点击该按钮时,您会尝试更改<span id="#result1">的值,对吗?在这种情况下,请执行以下操作:

var vote = 1

$(document).ready(
    $("#button1").click(function() {
        vote++;
        $('#result1').text(vote + " votes");
    });
});