单击后禁用元素？

Question

<img src="images/get_info.png" onclick="do_ajax('get.php?id=5');this.src='images/get_info_disabled.png';" style="cursor:pointer;border:0;">

我有一个像这样的图像列表，当用户点击它时，将发出一个AJAX请求并且图像将被更改，但是如何才能使图像只能被点击一次？

Answer 1

更改您的do_ajax功能，使其如下所示：

function do_ajax(url, elem) {
    var click = elem.onclick;
    elem.onclick = null;
    // Do your Ajax stuff
    elem.onclick = click;
}

然后将其称为：

<img src="images/get_info.png" onclick="do_ajax('get.php?id=5', this); this.src='images/get_info_disabled.png';" style="cursor:pointer;border:0;">

Answer 2

要让元素只被点击一次，我能想到的最简单的方法是：

<img src="path/to/image.png" onclick="alert('you clicked the image'); this.removeAttribute('onclick');" />

JS Fiddle demo的概念。

虽然我个人将this.removeAttribute('onclick');添加到您的功能中。

Answer 3

  

＆LT; p id =“id”＆gt;
  你可以通过在Javascript中检索元素来实现这一点       ＆LT; / p为H.
       var h = documentgetbyid（“id”）。style.display =“none”;