[ Поиск ] - [ Пользователи ] - [ Календарь ]
Полная Версия: Как поменять чек бокс ?
Oggy
пробую так:

<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">
function logincheckboxCheck () {
if (document.getElementById("checkboxDiv").className=="checkboxOff") {
document.getElementById("checkboxDiv").className="checkboxOn";
}
else {
document.getElementById("checkboxDiv").className="checkboxOff";
}
}

</script>

Спасибо вам большое,я с явой скрипт вообще не дружу.
теперь переключается нормально но поверх отображается стандартный квадратный чекбокс...

Спустя 8 минут, 35 секунд (13.09.2012 - 22:52) bodja написал(а):
Цитата
Спасибо вам большое,я с явой скрипт вообще не дружу.

Всегда пожалуста. biggrin.gif

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


Яка невдача biggrin.gif
Так что ,мы еще и html разметку незнаем ? biggrin.gif
Берите книжку, носом тыкать до бесконечности вам тут ни кто не будет. biggrin.gif biggrin.gif biggrin.gif

Спустя 6 минут, 4 секунды (13.09.2012 - 22:58) Oggy написал(а):
Цитата (bodja @ 13.09.2012 - 19:52)
Цитата
Спасибо вам большое,я с явой скрипт вообще не дружу.

Всегда пожалуста. biggrin.gif

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


Яка невдача biggrin.gif
Так что ,мы еще и html разметку незнаем ? biggrin.gif
Берите книжку, носом тыкать до бесконечности вам тут ни кто не будет. biggrin.gif biggrin.gif biggrin.gif

какую книгу посоветуете ?

Спустя 16 минут, 41 секунда (13.09.2012 - 23:14) Oggy написал(а):
Цитата (bodja @ 13.09.2012 - 19:52)
Цитата
Спасибо вам большое,я с явой скрипт вообще не дружу.

Всегда пожалуста. biggrin.gif

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


Яка невдача biggrin.gif
Так что ,мы еще и html разметку незнаем ? biggrin.gif
Берите книжку, носом тыкать до бесконечности вам тут ни кто не будет. biggrin.gif biggrin.gif biggrin.gif

сделал...теперь последний вопрос и иду учить smile.gif
у меня картинка меняется по нажатию на текст возле неё...как сделать чтобы картинка менялась и по клике на картинке и на тексте ?

Спустя 4 минуты, 20 секунд (13.09.2012 - 23:19) bodja написал(а):
http://htmlbook.ru
http://javascript.ru

Там же и насоветуют кучу литературы.

Цитата
как сделать чтобы картинка менялась и по клике на картинке и на тексте

Вешаем событие и на картинку.

<div class="checkboxOn" id="checkboxDiv" onclick="logincheckboxCheck()">


Спустя 12 минут, 9 секунд (13.09.2012 - 23:31) Oggy написал(а):
работает как надо.спасибо
Быстрый ответ:

 Графические смайлики |  Показывать подпись
Здесь расположена полная версия этой страницы.
Invision Power Board © 2001-2024 Invision Power Services, Inc.