В настоящее время я создаю сайт, где я предпочитаю использовать элемент div в качестве флажка. Если выбрано, класс checkbox переключается с помощью javascript.
Heres html.
<div class='col span_1_of_6 menuGroup'>
<div class="circl3" style="background-image:url(images/icons/'.$icon.') background-repeat:no-repeat;"></div>
<p class='menuGroupName'>$items</p>
</div>
$icon
(значок для элемента) & $items
(название элемента) - это php для извлечения из mysqli db. Первоначально я использовал весь html в php echo. Но, для лучшего чтения, я написал так.
Здесь javascript.
$(".menuGroup").click(function() {
$(this).toggleClass("btnOn");
});
Вот элемент div в 2 состояниях. Выбран и не выбран. http://postimg.org/image/5sk0z4tgj/
ЧТО Я ХОЧУ это имя элемента <p>
которое будет отправлено на следующую страницу, когда я нажму кнопку "Отправить". И есть ли лучшая альтернатива этому методу?
Установите скрытый флажок и добавьте обработчик onchange
чтобы изменить состояние вашего псевдообмена. Скрытый флажок будет отправлен на следующую страницу.
ИЛИ
См. Только примеры CSS3, как сделать это с помощью javascript.
Вы можете видеть каждый элемент и выбирать выбранные и отправлять ответ
$('.menuGroup').each(function() {
if ($(this).hasClass('btnOn')) {
// Save element to send
}
});
<p> element name
? Теги<p>
не имеют атрибутаname
.