<script type="text/javascript">
function logincheckboxCheck () {
if (document.getElementById("checkbox1").checked) {
document.getElementById("checkboxDiv").className="checkboxOn";
}
else {
document.getElementById("checkboxDiv").className="checkboxOff";
}
}
</script>
<style type="text/css">
.checkboxOn {
background:url("http://test.persondata.ru/modules/mod_calc/img/vkl.png") no-repeat 0 3px;
}
.checkboxOff {
background:url("http://test.persondata.ru/modules/mod_calc/img/vukl.png") no-repeat 0 3px;
}
</style>
<div class="checkboxOn">
<input type="checkbox" id="checkbox1" onclick="logincheckboxCheck();" class="checkboxOn" checked="checked"/> <label for="checkbox1">Запомнить меня</label>
</div>
В результате картинка при нажатии неминяется.
И выглядит ето всё вот так:
Спустя 5 минут, 43 секунды (13.09.2012 - 22:12) bodja написал(а):
if (document.getElementById("checkbox1").checked=='checked')
Спустя 7 минут, 6 секунд (13.09.2012 - 22:19) Oggy написал(а):
Цитата (bodja @ 13.09.2012 - 19:12) |
if (document.getElementById("checkbox1").checked=='checked') |
сделал так:
<script type="text/javascript">
function logincheckboxCheck () {
if (document.getElementById("checkbox1").checked=='checked') {
document.getElementById("checkboxDiv").className="checkboxOn";
}
else {
document.getElementById("checkboxDiv").className="checkboxOff";
}
}
всёравно появляется чек бок по умолчанию под картинкой.а сама картинка неменяется
Спустя 4 минуты, 25 секунд (13.09.2012 - 22:24) bodja написал(а):
Цитата |
всёравно появляется чек бок по умолчанию под картинкой.а сама картинка неменяется |
Ок,для начала покажите мне div c id=checkboxDiv
Спустя 4 минуты, 42 секунды (13.09.2012 - 22:29) Oggy написал(а):
Цитата (bodja @ 13.09.2012 - 19:24) | ||
Ок,для начала покажите мне div c id=checkboxDiv |
не покажу потомучто увидел етот прием на другом сайте.....тупо передрал )
по идеи id=checkboxDiv ето стиль чекбокса ?
Спустя 5 минут, 9 секунд (13.09.2012 - 22:34) bodja написал(а):
Сделайте так.
<div class="checkboxOn" id="checkboxDiv">
Спустя 1 минута, 35 секунд (13.09.2012 - 22:35) Oggy написал(а):
Цитата (bodja @ 13.09.2012 - 19:34) |
Сделайте так.<div class="checkboxOn" id="checkboxDiv"> |
есть прогресс...но сработало только один раз...
Спустя 5 минут, 1 секунда (13.09.2012 - 22:40) bodja написал(а):
Вообще советую поучить основы html и js, на таких вопросах вы далеко не уедете. ;)
<script type="text/javascript">
function logincheckboxCheck () {
if (document.getElementById("checkboxDiv").className=="checkboxOff") {
document.getElementById("checkboxDiv").className="checkboxOn";
}
else {
document.getElementById("checkboxDiv").className="checkboxOff";
}
}
</script>
Спустя 2 минуты, 42 секунды (13.09.2012 - 22:43) Oggy написал(а):
Цитата (bodja @ 13.09.2012 - 19:40) |
Вообще советую поучить основы html и js, на таких вопросах вы далеко не уедете. ;) <script type="text/javascript"> |
Спасибо вам большое,я с явой скрипт вообще не дружу.
теперь переключается нормально но поверх отображается стандартный квадратный чекбокс...
Спустя 8 минут, 35 секунд (13.09.2012 - 22:52) bodja написал(а):
Цитата |
Спасибо вам большое,я с явой скрипт вообще не дружу. |
Всегда пожалуста.

Цитата |
но поверх отображается стандартный квадратный чекбокс... |
Яка невдача

Так что ,мы еще и html разметку незнаем ?

Берите книжку, носом тыкать до бесконечности вам тут ни кто не будет.



Спустя 6 минут, 4 секунды (13.09.2012 - 22:58) Oggy написал(а):
Цитата (bodja @ 13.09.2012 - 19:52) | ||||
Всегда пожалуста. ![]()
Яка невдача ![]() Так что ,мы еще и html разметку незнаем ? ![]() Берите книжку, носом тыкать до бесконечности вам тут ни кто не будет. ![]() ![]() ![]() |
какую книгу посоветуете ?
Спустя 16 минут, 41 секунда (13.09.2012 - 23:14) Oggy написал(а):
Цитата (bodja @ 13.09.2012 - 19:52) | ||||
Всегда пожалуста. ![]()
Яка невдача ![]() Так что ,мы еще и html разметку незнаем ? ![]() Берите книжку, носом тыкать до бесконечности вам тут ни кто не будет. ![]() ![]() ![]() |
сделал...теперь последний вопрос и иду учить

у меня картинка меняется по нажатию на текст возле неё...как сделать чтобы картинка менялась и по клике на картинке и на тексте ?
Спустя 4 минуты, 20 секунд (13.09.2012 - 23:19) bodja написал(а):
Цитата |
как сделать чтобы картинка менялась и по клике на картинке и на тексте |
Вешаем событие и на картинку.
<div class="checkboxOn" id="checkboxDiv" onclick="logincheckboxCheck()">
Спустя 12 минут, 9 секунд (13.09.2012 - 23:31) Oggy написал(а):
работает как надо.спасибо