Javascript: флажок Изображения и Onclick

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 однозначно идентифицирует элемент в документе. Ни один из двух элементов не может иметь одинаковое значение идентификатора в одном документе.

Так что просто попробуйте, предоставив уникальные идентификаторы для каждого тега HTML изображения.

Надеюсь, это поможет ..