的Javascript：複選框圖片和ONCLICK

http://sandrayoon.com/UAI/www3/newpin.php，

他們把各自的複選框的開/關。如果選中了多個選項，並且選中了另一個選項，圖像和複選框的同步就會搞亂。

下面就來改變圖像的源代碼：

<script language="JavaScript" type="text/JavaScript"> 
var q=0; 
var root='img/pins/'; 
var data = ['']; 

function swapImg(ima){ 

if(q==0) 
{ 
ima.setAttribute('src',root+'bro2.png'); 
q=1; 

} 

else if(q==1) 
{ 
ima.setAttribute('src',root+'bro1.png'); 
q=0; 
} 

} 

</script>

我怎麼可以指定單個值各引腳動態，以便在選擇多於一個圖標IMG SRC synching沒有搞砸？

代碼以顯示圖標：

<label for="bro_tag"><img src="http://sandrayoon.com/UAI/www3/img/pins/bro1.png" onclick="swapImg(this)"/></label> 
<input type="checkbox" id="bro_tag" name="tags[bro]" value="1"/> 

<label for="bro_tag2"><img src="http://sandrayoon.com/UAI/www3/img/pins/bro1.png" onclick="swapImg(this)"/></label> 
<input type="checkbox" id="bro_tag2" name="tags[bro]" value="1"/> 

<label for="bro_tag3"><img src="http://sandrayoon.com/UAI/www3/img/pins/bro1.png" onclick="swapImg(this)"/></label> 
<input type="checkbox" id="bro_tag3" name="tags[bro]" value="1"/> 

<label for="bro_tag4"><img src="http://sandrayoon.com/UAI/www3/img/pins/bro1.png" onclick="swapImg(this)"/></label> 
<input type="checkbox" id="bro_tag4" name="tags[bro]" value="1"/>

來源

2011-07-07 alyx

而你的問題是......？ – Mrchief

如何動態地將各個值分配給每個引腳，以便在選擇多個圖標時不會混淆img src同步 – alyx

ID屬性唯一地標識文檔中的一個元素。沒有兩個元素可以在單個文檔中具有相同的ID值。

所以，只需給每個html圖片標籤賦予唯一的id即可。

希望這會有所幫助..

來源

2011-07-07 04:41:43 Harun

回答

相關問題