查找并点击更换图片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

回答

相关问题