используя элемент div в качестве флажка

0

В настоящее время я создаю сайт, где я предпочитаю использовать элемент 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> которое будет отправлено на следующую страницу, когда я нажму кнопку "Отправить". И есть ли лучшая альтернатива этому методу?

  • 0
    Что вы подразумеваете под <p> element name ? Теги <p> не имеют атрибута name .
  • 0
    Извините моя ошибка. Название предмета ($ items) должно быть предоставлено. Прости еще раз.
Показать ещё 1 комментарий

2 ответа

1
Лучший ответ

Установите скрытый флажок и добавьте обработчик onchange чтобы изменить состояние вашего псевдообмена. Скрытый флажок будет отправлен на следующую страницу.

ИЛИ

См. Только примеры CSS3, как сделать это с помощью javascript.

  • 0
    Да. Я думал об этой возможности. Но есть ли другая возможность?
  • 0
    Это правильная возможность. Другие не правы.
1

Вы можете видеть каждый элемент и выбирать выбранные и отправлять ответ

$('.menuGroup').each(function() {
    if ($(this).hasClass('btnOn')) {
        // Save element to send
    }
});

Ещё вопросы

Сообщество Overcoder
Наверх
Меню