单击它时使用jquery切换是-否图像

【问题标题】：switching yes-no images using jquery when clicked on it单击它时使用jquery切换是-否图像
【发布时间】：2012-08-09 09:59:21
【问题描述】：

我编写了一个使用 jQuery 将图像从 Yes 切换到 No 的代码。

$(function() {
    $('#s-ref').click(function(){
        $("#s-img").attr('src',"no.png");
    });
});

html 是：

<a href="#" id="s-ref"><img src="yes.png" alt="" id="s-img"></a>

如何修改上面的 jQuery 代码，使其切换回并强制 (yes/no/yes/no/yes...)。

【问题讨论】：

标签： jquery html image onclick attr

【解决方案1】：

检查img src...

$(function() {
    $('#s-ref').click(function(){
        if ($("#s-img").attr('src') == 'yes.png')
          $("#s-img").attr('src',"no.png");
        else
          $("#s-img").attr('src',"yes.png");
    });
});

或者...如果 scr 包含“yes.png”，例如“/foo/barr/yes.png:”，这将起作用：

$(function() {
    $('#s-ref').click(function(){
        if ($('#s-img[src*="yes.png"]').length > 0)
          $("#s-img").attr('src',"no.png");
        else
          $("#s-img").attr('src',"yes.png");
    });
});

这里有一个小提琴来说明后一个答案 - http://jsfiddle.net/nz35B/

【讨论】：