| |
|
|
| | Есть вот такой скрипт, который вместо чекбокса показывает картинки но чекбокс работает. Но пример только на 1 чекбокс. Помогите ПОЖАЛУЙСТА переделать функцию. Нужно чтобы работало когда на экране и 20 и 50 и 100 чекбоксов и больше чем 200. Я в JS полный ноль. надеюсь на вашу помощь. Пожалуйста
/*---------- Стили классов -----------*/
input {
margin:0;padding:0;
opacity:0;
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0);
}
.checkboxOn {
background:url(f_logincheckbox_on.png) no-repeat 0 3px;
}
.checkboxOff {
background:url(f_logincheckbox_off.png) no-repeat 0 3px;
}
/*---------- Скрипт изменения класса-----------*/
function logincheckboxCheck () {
if (document.getElementById("checkbox1").checked) {
document.getElementById("checkboxDiv").className="checkboxOn";
}
else {
document.getElementById("checkboxDiv").className="checkboxOff";
}
}
/*---------- Верстка-----------*/
<div id="checkboxDiv" class="checkboxOn">
<input type="checkbox" id="checkbox1" onclick="logincheckboxCheck();" class="checkboxOn" checked="checked"/> <label for="checkbox1">Запомнить меня</label>
</div>
|
Взято отсюда: http://zodios.net/htmlcss/checkbox-style.html | |
| |
|
|
| |
|
|
| |
для: Port_Artur
(10.09.2010 в 20:27)
| | |
...
<script type="text/javascript">
function logincheckboxCheck (x) {
if (document.getElementById("checkbox" + x).checked) {
document.getElementById("checkboxDiv" + x).className="checkboxOn";
}
else {
document.getElementById("checkboxDiv" + x).className="checkboxOff";
}
}
</script>
...
<form action="">
<div id="checkboxDiv1" class="checkboxOn">
<input type="checkbox" id="checkbox1" onclick="logincheckboxCheck(1);" class="checkboxOn" checked="checked"/> <label for="checkbox1">Запомнить меня</label>
</div>
<div id="checkboxDiv2" class="checkboxOn">
<input type="checkbox" id="checkbox2" onclick="logincheckboxCheck(2);" class="checkboxOn" checked="checked"/> <label for="checkbox2">Запомнить меня</label>
</div>
...
<div id="checkboxDiv199" class="checkboxOn">
<input type="checkbox" id="checkbox199" onclick="logincheckboxCheck(199);" class="checkboxOn" checked="checked"/> <label for="checkbox199">Запомнить меня</label>
</div>
<div id="checkboxDiv200" class="checkboxOn">
<input type="checkbox" id="checkbox200" onclick="logincheckboxCheck(200);" class="checkboxOn" checked="checked"/> <label for="checkbox200">Запомнить меня</label>
</div>
</form>
|
| |
| |
|
|
| |
|
|
| |
для: АЯ
(10.09.2010 в 22:24)
| | | АЯ, Большое Вам спасибо. | |
| |
|
|
