Question

我目前正在构建一个网站，我更喜欢使用div元素作为复选框。如果选中，则使用javascript切换复选框类。

继承人的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（项目的图标）＆amp; $items（项目名称）是从mysqli db获取的php。我最初在php echo中使用了整个html。但是，为了更好的阅读，我发布了这样的内容。

这是javascript。

$(".menuGroup").click(function() {
   $(this).toggleClass("btnOn");
});

这是2个州的div元素。选中和未选中。 http://postimg.org/image/5sk0z4tgj/

当我点击提交按钮时，我想要将<p>元素名称提交到下一页面是否有更好的替代方法？

Answer 1

隐藏复选框并添加onchange处理程序以更改伪复选框的状态。隐藏的复选框将提交到下一页。

OR

仅查看CSS3 examples如何使用javascript创建它。

Answer 2

您可以查看每个元素并选择所选元素并发送响应

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

使用div元素作为复选框

2 个答案: