javascript的逻辑问题

时间:2016-02-13 13:36:57

标签: javascript jquery logic

默认情况下,我想显示排序图标。当用户点击我想要升序图标,如果用户再次点击我想要降序图标。

如何使用jquery

实现此目的

1 个答案:

答案 0 :(得分:1)

现在你的问题更清楚了,这是我的建议,前提是你的图标是带有背景图像的div:

没有必要有两个变量来决定它是升序还是降序,所以我只将这两个变量合并为一个变量(asc,升序的缩写)

var asc = false;
var yourIcon = document.getElementById("yourIcon");

btn.onclick = function(){
  switch (asc){
      case false:
          asc = true;
          yourIcon.style.backgroundImage = "url(ascending.png)";
          break;
      case true:
          asc = false;
          yourIcon.style.backgroundImage = "url(descending.png)";
  }
};