[ Поиск ] - [ Пользователи ] - [ Календарь ]
Полная Версия: click checkbox for send data
qpurypaHT
Всем привет, нужна помощь.
Повторюсь что в этом языке я не очень то и шарю, не хватаюсь за все подряд, осваиваю php.

Делаю сайт корпоративный для жены. Там есть функция деактивации учеток в силу какие-то действий.
Но чтобы лишнюю форму управления активацией, подумал сделать с помощью чекбокса и отправкой данных через ajax


<div class="status"><input type="checkbox" id="send" /> <label for="send"></label></div>


Вывел все записи в while, решил сделать кнопочки

user posted image


Стили:

input[type="checkbox"] {
display: none;
}
input[type="checkbox"] + label {
cursor: pointer;
padding-left: 50px;
position: relative;
font-family: tahoma, sans-serif, arial;
}
input[type="checkbox"] + label::before {
content: "";
display: inline-block;
position: absolute;
top: 0;
left: 0;
vertical-align: middle;
padding: 0;
height: 15px;
width: 36px;
margin: 0 5px 0 0;
border: 1px solid #dadada;
border-radius: 12px;
background: #fc7979;
}
input[type="checkbox"] + label::before,
input[type="checkbox"] + label::after {
-webkit-transition: all .2s ease-out;
transition: all .2s ease-out;
}
input[type="checkbox"] + label::after {
content: "";
display: block;
position: absolute;
top: 1px;
left: 1px;
width: 22px;
height: 13px;
border-radius: 22px;
background: #fff;
border: 1px solid #dadada;
box-shadow: 0 3px 3px rgba(140, 140, 140, .1);
}
input[type="checkbox"]:checked + label::before {
background: #6edc5f;
border-color: #6dd75e;
}
input[type="checkbox"]:checked + label::after {
left: 13px;
}



Поможете реализовать данный скрипт!?

_____________
Если долго в одних стенах живешь, ты с ними сростаешься
Быстрый ответ:

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