Чекбоксы меняются картинками со 2 клика

@Veygon · Регистрация: 07.04.2012

Студворк — интернет-сервис помощи студентам

вот весь код.проблема втом, что когда нажимаешь на флажок чекбокса (картинку крестика), то он меняется на галочку не сразу, а со второго раза....мож в код чего-то добавить?

HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
<style type="text/css">
    body
    {
        font: 12px verdana;
    }
    .no
    {
        background: url(cross.gif) no-repeat;
        padding-left: 22px;
        height: 22px;
        cursor: default;
    }
</style>
 
<script type="text/javascript">
function checked(divs, box)
{
    var obj = document.getElementById(box);
    if (obj.value == 0) ground = "url('tick.gif') no-repeat";
    else ground = "url('cross.gif') no-repeat";
 
    document.getElementById(divs).style.background = ground;
    obj.value = Math.abs(obj.value - 1);
}
</script>
 
<input type="hidden" id="checkbox1" name="checkbox1" value="0" />
<input type="hidden" id="checkbox2" name="checkbox2" value="0" />
<input type="hidden" id="checkbox3" name="checkbox3" value="0" />
 
<div class="no" id="div1" onclick="checked('div1', 'checkbox1')">Element one</div>
<div class="no" id="div2" onclick="checked('div2', 'checkbox2')">Element two</div>
<div class="no" id="div3" onclick="checked('div3', 'checkbox3')">Element three</div>

@etalord · 14.12.2012, 19:53

Могу подсказать, в чём проблема ) Некоторые "рыжие" браузеры запоминают данные формы и подставляют их после перезагрузки страницы. Посмотрите как выглядит код в Firebug. Решение - при перезагрузке обнулять все чекбоксы

@Veygon · 15.12.2012, 00:42 **[ТС]**

насколько я понял необходимо применить свойство form.reset?только вот куда его запихать...подскажите, если не трудно

Добавлено через 10 минут

Сообщение от Veygon

насколько я понял необходимо применить свойство form.reset?только вот куда его запихать...подскажите, если не трудно

спасибо

.разобрался сам!

@etalord · 15.12.2012, 01:00

HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
<style type="text/css">
body
{
font: 12px verdana;
}
.no
{
background: url(cross.gif) no-repeat;
padding-left: 22px;
height: 22px;
cursor: default;
}
</style>
 
<input type="hidden" id="checkbox1" name="checkbox1" value="0" />
<input type="hidden" id="checkbox2" name="checkbox2" value="0" />
<input type="hidden" id="checkbox3" name="checkbox3" value="0" />
 
<div class="no" id="div1" onclick="checked('div1', 'checkbox1')">Element one</div>
<div class="no" id="div2" onclick="checked('div2', 'checkbox2')">Element two</div>
<div class="no" id="div3" onclick="checked('div3', 'checkbox3')">Element three</div>
 
<script type="text/javascript">
input = document.getElementsByTagName('input');
for(i=0; i<(input).length; i++)
{
    if(input[i].getAttribute('type')=='hidden'){
        input[i].value = 0;
    }
}
 
function checked(divs, box)
{
var obj = document.getElementById(box);
if (obj.value == 0) ground = "url('tick.gif') no-repeat";
else ground = "url('cross.gif') no-repeat";
 
document.getElementById(divs).style.background = ground;
obj.value = Math.abs(obj.value - 1);
}
</script>

такой вариант у меня работает

Новые блоги и статьи Все статьи Все блоги /
Загрузка PNG-файла с альфа-каналом с помощью библиотеки SDL3_image на Android 8Observer8 27.01.2026 Содержание блога SDL3_image - это библиотека для загрузки и работы с изображениями. Эта пошаговая инструкция покажет, как загрузить и вывести на экран смартфона картинку с альфа-каналом, то есть с. . .	влияние грибов на сукцессию anaschu 26.01.2026 Бифуркационные изменения массы гриба происходят тогда, когда мы уменьшаем массу компоста в 10 раз, а скорость прироста биомассы уменьшаем в три раза. Скорость прироста биомассы может уменьшаться за. . .	Воспроизведение звукового файла с помощью SDL3_mixer при касании экрана Android 8Observer8 26.01.2026 Содержание блога SDL3_mixer - это библиотека я для воспроизведения аудио. В отличие от инструкции по добавлению текста код по проигрыванию звука уже содержится в шаблоне примера. Нужно только. . .	Установка Android SDK, NDK, JDK, CMake и т.д. 8Observer8 25.01.2026 Содержание блога Перейдите по ссылке: https:/ / developer. android. com/ studio и в самом низу страницы кликните по архиву "commandlinetools-win-xxxxxx_latest. zip" Извлеките архив и вы увидите. . .
Вывод текста со шрифтом TTF на Android с помощью библиотеки SDL3_ttf 8Observer8 25.01.2026 Содержание блога Если у вас не установлены Android SDK, NDK, JDK, и т. д. то сделайте это по следующей инструкции: Установка Android SDK, NDK, JDK, CMake и т. д. Сборка примера Скачайте. . .	Использование SDL3-callbacks вместо функции main() на Android, Desktop и WebAssembly 8Observer8 24.01.2026 Содержание блога Если вы откроете примеры для начинающих на официальном репозитории SDL3 в папке: examples, то вы увидите, что все примеры используют следующие четыре обязательные функции, а. . .	моя боль iceja 24.01.2026 Выложила интерполяцию кубическими сплайнами www. iceja. net REST сервисы временно не работают, только через Web. Написала за 56 рабочих часов этот сайт с нуля. При помощи perplexity. ai PRO , при. . .	Модель сукцессии микоризы anaschu 24.01.2026 Решили писать научную статью с неким РОманом

@etalord работяга 368 / 368 / 52 Регистрация: 23.05.2010 Сообщений: 947
	14.12.2012, 19:53
	Могу подсказать, в чём проблема ) Некоторые "рыжие" браузеры запоминают данные формы и подставляют их после перезагрузки страницы. Посмотрите как выглядит код в Firebug. Решение - при перезагрузке обнулять все чекбоксы Миниатюры 1