Modifier la quantité de zone de texte, image de changement sur vol stationnaire avec jQuery/Javascript

Question

Je voudrais faire 2 choses jQuery ou Javascript,

1. changement avec la quantité dans une zone de texte avec flèches haut et bas. La valeur par défaut est 1, et je veux incrémenter de 1 lorsqu'un utilisateur clique sur la flèche vers le haut, et vice versa. Est-ce que je peux changer la flèche en une autre image (couleur) quand la souris plane dessus?

Merci.

Answer 1

1.)

<script> 
function increase() { 
    var textbox = document.getElementById('textbox'); 
    textbox.value = parseInt(textbox.value) + 1; 
} 
</script> 

<input id="textbox" name="textbox" type="text" value="1"> 
<a href="#" onclick="increase()">up</a> 

2.) devrait être vers le bas avec CSS: hover

Answer 2

Je conseille d'utiliser la commande click() pour changer la valeur dans une zone de texte et la commande hover() pour changer la flèche à une autre image (couleur)

par exemple, pour l'incrémenteur

$('#myImg') 
    .click(function() { 
          var num = $('#myTextbox').text(); 
          if (!isNaN(num)) 
           $('#myTextbox').text(parseInt(num,10) + 1); 
    .hover(
      function() { $(this).css('background-image','over.jpg'), //over 
      function() { $(this).css('background-image','out.jpg') // out 
     )