Question

我想在jQuery或Javascript中做两件事，

使用向上和向下箭头在文本框中更改数量。默认数量为1，当用户点击向上箭头时我想增加1，反之亦然。
当鼠标悬停在箭头上时，我可以将箭头更改为另一张图片（颜色）吗？

谢谢。

Answer 1

我建议使用click()命令更改文本框中的值，使用hover()命令将箭头更改为其他图片（颜色）

例如，增量器

$('#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
          )

Answer 2

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。）应该使用CSS：hover

更改文本框数量，使用jQuery / Javascript在悬停时更改图片

2 个答案: