单击时Jquery自动增加数字

时间:2013-04-04 16:39:38

标签: jquery

我希望在系统中使用+1来增加投票数,te想法是每个用户添加1我使用此代码:

<a onclick="increase_n(1)" href="#">Add 1</a> 

<script>
function increase_n(size)
{
var size_ini=15;
var size_increase=size_ini+(++size);
$(".content").css("font-size",""+size_increase+"px")
}
</script>

我不知道如何自动增加数字,当我去点击其他时间,这个想法增加了每次点击的数量,一次点击给另外11次点击给出12个其他13等等

问候!!!

4 个答案:

答案 0 :(得分:0)

如果我理解,您希望每次点击都将字体大小增加1。你可以这样做:

<a onclick="increase_n()" href="#">Add 1</a> 

<script>
function increase_n()
{
 var currentSize = parseInt($(".content").css("font-size"),10);
 $(".content").css("font-size",++currentSize+"px");
 }
</script>

答案 1 :(得分:0)

var size = 15;

function increase_n(increment)
{
    size += increment;
    $(".content").css("font-size", size + "px");
}

答案 2 :(得分:0)

为您的主持人提供身份证或班级:

<a id="anchor" href="#">Add 1</a> 

然后使用jQuery增加font-size

$("#anchor").click(function(){
    var fs = $('#anchor').css('font-size');
    $(this).css('font-size', (parseInt(fs, 10) + 1) + 'px');
});

演示:http://jsfiddle.net/CEqty/

答案 3 :(得分:0)

如果您想设置徽章显示过程,则点击时会将徽章值增加为1, 使用此

 var size_ini = 15;
    function increase_n(size) {
        var size_increase = size_ini++;
        alert(size_increase);
        $(".content").html("<span>" + size_increase + "</span>")
    }

Yout HTML应该是这样的:

<a onclick="increase_n(1)" href="#">Add 1</a>
    <div class="content">

    </div>

DEMO HERE

http://jsfiddle.net/2LkYK/