Здравствуйте. Недавно решил написать плагин по кастомизации чекбоксов и столкнулся с трудностью того, что при перезагрузке страницы(cntr+r) у меня происходит неприятная вещь:
Если перед перезагрузкой checkbox не активен - то тосле завершения перезагрузки(в мазилла и IE) он тоже остаётся не активным!?
(хотя по умолчанию у него прописано checked="checked")?
ссылка:
http://yamaradg.narod2.ru/history/checked.jpg
Мой блок с дивом(который с права и в перспективе будет использоватся вместо чекбокса) естественно имеет картинку с галочкой, поскольку события при клике не происхоило!?
Вопрос:
Какое событие необходимо прописать для того что бы чекбоксы и картинка в диве соответствовали друг другу при любых ситуациях...
Cам JS код выглядит следующти образом:
var myCheckbox = document.getElementById('myCheckbox');
var virtualCheckbox = document.getElementById('virtual_checkbox');
virtualCheckbox.onclick = function(){
if (myCheckbox.checked == true) {
myCheckbox.checked = false;
virtualCheckbox.style.backgroundImage='url(images/checkoff.png)';
}
else if (myCheckbox.checked == false) {
myCheckbox.checked = true;
virtualCheckbox.style.backgroundImage='url(images/checked.png)';
}
};
myCheckbox.onclick = function(){
if (myCheckbox.checked == true) {
virtualCheckbox.style.backgroundImage='url(images/checked.png)';
}
else if (myCheckbox.checked == false) {
virtualCheckbox.style.backgroundImage='url(images/checkoff.png)';
}
};
P.S.В javascript я новичёк.
ссылка на мой плагин с чекбоксом находится сдесь:
http://yamaradg.narod2.ru/history/mo...ini/index.html
Заранее благодарен за любую помощь...