Question

如果您点击这些图标中的任何一个：

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同步？

显示图标的代码：

<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"/>

Answer 1

ID属性唯一标识文档中的元素。没有两个元素可以在单个文档中具有相同的ID值。

因此，只需尝试为每个html图像标记提供唯一ID。

希望这会有所帮助..

Javascript：Checkbox Images和Onclick

1 个答案: