Всем Привет.
Решил попробовать написать для себя скрипт по кастомизации радиобаттонов(с подключением через классы) и
столкнулся с непонимаем того, почему при клике на инпут начинает появлятся и сама картинка в теге:

<i class="myVirtualRadio">?

Такого по моим планам возникать не должно :)
Также хотелось бы понять как правильно организовать исчезание ’галочки’ при клике на другой радиобаттон?
Убирается почему ‘галочка’ то только с радио под названием ‘шестой’? Остальные не реагируют…
(Буду признателен — если кто подскажет…)
Js код выглядит следующим образом:

var myClassRadio = document.getElementsByTagName('input');
var virtualClassRadio = document.getElementsByTagName('i');

for (i=0; i < virtualClassRadio.length; i++) {
if (virtualClassRadio[i].className=='myVirtualRadio') {
var virtualImg = virtualClassRadio[i];
virtualImg.onclick = function(){
this.style.backgroundImage='url(images/checked.png)';
}
}
};

for (i=0; i < myClassRadio.length; i++) {
if (myClassRadio[i].className=='classMyRadio') {
var classRadio = myClassRadio[i];
classRadio.onclick = function(){
if (this.checked == true) {
virtualImg.style.backgroundImage='url(images/checkoff.png)';
}
};
}
};

Скрин находится сдесь:
http://yamaradg.narod2.ru/history/radio.jpg
Саму страницу можно увидеть сдесь:
http://yamaradg.narod2.ru/history/moi_plagini/index.html
P.S. В JS я новичек и на данный момент хотелось бы получить не столько чей то готовый код— сколько разобратся в причинах неполадок своего.
Буду благодарен за любую помощь по данному вопросу…

Оценить:|
  
Комментировать
Раздел: Помощь    
Просмотров: 1468

Оставить комментарий