2011-08-24 15 views
6

Tengo el número $likes_number en un bloque div en mi página. Me gustaría saber cómo incrementarlo dinámicamente haciendo clic en un botón?Incrementar un número haciendo clic en un botón

Mi código:

<div id="likes"> 
    <span class="figure"> 
     <?php echo $likes_number ;?> 
    </span> 
</div> 
<button type="button" id="like" >Like</button> 

Respuesta

6
<script type="text/javascript" src="http://code.jquery.com/jquery-1.6.2.js"></script> 
<div id="likes"> 
    <span class="figure"></span> 
</div> 
<button type="button" id="like">Like</button> 
<script type="text/javascript"> 
    var clicks = 0; $("#like").click(function(){ clicks++; $('.figure').html(clicks);}); 
</script> 

ejemplo vivo: http://jsfiddle.net/nTmu7/2/

2
$('#like').click(function() { 
    $('#likes span').text(parseInt($('#likes span').text()) + 1); 
}); 

Se puede ver un ejemplo aquí: http://jsfiddle.net/nayish/GCvnH/

+0

Wow! Muchas gracias por la rapidez. – Anon

Cuestiones relacionadas