どのようにjqueryの

Question

を使用して、各クリックで画像を変更する私は自分のサイトでこのHTMLを使用しています：私はこのリンクをクリックすると

<a id="slick-toggle" href="javascript:change_status()"><img src="img/enable.png"></a> 

、私はIMG/disable.pngに画像srcを変更したいと思います。もう一度クリックするとimg1.jpgに戻ります&など。誰かがjQueryを使ってこれをどうやって説明することができますか？また、各上

私はここenable.png のための私のテーブルの列emp_ref_table.enabled_flagdisable.pngに値0と1を変更する]をクリックしている私のこのことができます場合はjQueryのを既存：

function change_status() { 
    alert('sure to change the status ?'); 
    $(document).ready(function() { 
     $('#slick-toggle').click(function() { 
      e.preventDefault(); 
      $('img', this).attr('src', function(i, oldSrc) { 
       return oldSrc == 'img/enable.png' ? 'img/disable.png' : 'img/enable.png'; 
      }); 

      return false; 
     }); 
    }); 
} 

Answer 1

は、このコードを試してみてください：場所のすべてのあなたのPIC変更関数内のコード：

var changeStatus = false; 
 
      function change_status() { 
 
       var r = window.confirm("Sure to change the status!"); 
 
       if (r == true) { 
 
        if (changeStatus == false) { 
 
         changeStatus = true; 
 
         document.getElementById("en-ds").src = "https://cdn.photographylife.com/wp-content/uploads/2014/06/Nikon-D810-Image-Sample-6.jpg"; 
 
        } else { 
 
         changeStatus = false; 
 
         document.getElementById("en-ds").src = "https://pixabay.com/static/uploads/photo/2015/10/01/21/39/background-image-967820_960_720.jpg"; 
 
        } 
 
       } 
 
      }

<a id="slick-toggle" href="javascript:change_status()"><img id="en-ds" src="https://pixabay.com/static/uploads/photo/2015/10/01/21/39/background-image-967820_960_720.jpg"> 
 
     </a>

Answer 2

下記の単純化された方法を試してください。画像パスの有効/無効を設定してください。関数内ready`

$(function() { 
 
    $('#slick-toggle').click(function() { 
 
    $('img', this).attr('src', function(el, src) { 
 
     var imgEnable = 'http://www.google.com/logos/doodles/2014/australia-day-2014-doodle-4-google-2013-winner-6247445470117888-hp.jpg'; 
 
     var imgDisable = 'https://www.google.com/logos/2012/d4g_poland12-hp.jpg'; 
 
     return (src == imgEnable) ? imgDisable : imgEnable; 
 
    }); 
 
    }); 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<a id="slick-toggle" href="javascript:;"> 
 
    <img src="http://www.google.com/logos/doodles/2014/australia-day-2014-doodle-4-google-2013-winner-6247445470117888-hp.jpg">