查找並點擊更換圖片src

-2

<div class="checkbox" rel="1" id="fr2"><img src="images/checkbox_off.png" class="ckbox" width="16" height="16">1917</div> 
<div class="checkbox" rel="2" id="fr2"><img src="images/checkbox_off.png" class="ckbox" width="16" height="16">1957</div> 
<div class="checkbox" rel="3" id="fr2"><img src="images/checkbox_off.png" class="ckbox" width="16" height="16">1997</div> 
<input type="text" name="fr2_val" id="fr2_val" value="">

在點擊該複選框DIV我想改變這種形象的一個點擊ONW：

這就是我的jQuery：

$('.checkbox').click(function() { 
      var wert = $(this).attr('rel'); 
      var id = $(this).attr('id'); 
      $('#'+id+'_val').val(wert); 

      $(this).find('.ckbox').src.replace("_off", "_on"); 
     })

但它不工作的權利。我怎樣才能改變點擊圖像的SRC？最好的解決方案是如何重置其他的？

感謝您的幫助

問候托馬斯

來源

2015-09-28 Stiller Eugen

我還想指出的是，你的'id's應該是唯一的。 – Pustur

您需要分配改變的SRC回覆選框，您可以通過$(this).find('.ckbox').src得到一個字符串，並改變它不會改變實際複選框的src。

chkbox = $(this).find('.ckbox'); 
chkbox.attr('src', chkbox.prop('src').replace("_off", "_on"));

或者使用DOM對象代替jQuery對象。您可以直接訪問src並進行更改。

chkbox = $(this).find('.ckbox')[0]; 
chkbox.src = chkbox.src.replace("_off", "_on");

除了這個，我不明白爲什麼你可以將這個ID動態輸入ID爲fr2_val

來源

2015-09-28 07:13:00 Adil

查找並點擊更換圖片src

回答

相關問題