时间戳

首页 > 解决方案 > 获取多个复选框的值并将它们插入 MySQL

javascript - 获取多个复选框的值并将它们插入 MySQL

问题描述

我试图在 SO 上寻找类似于我的解决方案，但我找不到任何东西。

我的网站上有 4 个复选框

<label class="control-label" for="last_name"><strong>Filtering Options</strong> </label>
<div style='color: #777; font-size: 16px;'><td  class='text-center'> <input type='checkbox' name="filters" id='city_checkbox' class='checkbox filters' $lstr_completed_city value="location_city"/> </td> City </div>
<div style='color: #777; font-size: 16px;'><td  class='text-center'> <input type='checkbox' name="filters" id='county_checkbox' class='checkbox filters' $lstr_completed_county value="location_zip"/> </td> County </div>
<div style='color: #777; font-size: 16px;'><td  class='text-center'> <input type='checkbox' name="filters" id='region_checkbox' class='checkbox filters' $lstr_completed_region value="location_region"/> </td> Region </div>
<div style='color: #777; font-size: 16px;'><td  class='text-center'> <input type='checkbox' name="filters" id='country_checkbox' class='checkbox filters' $lstr_completed_country value="location_country"/>   </td> Country</div>

我想要做的是，每当单击其中任何一个时，我都想循环浏览所有这些，似乎检查了哪些，获取它们的值并根据选择更新 MySQL。我很确定我会很好地使用 PHP/MySQL 部分，但我正在努力使用 jQuery 来获取值。

让我们以此为例。复选框 1 和 3 被选中，2 和 4 未被选中。我只想发布复选框 1 和 3 的值。然后，如果将复选框 2 添加到选择中，我想发布复选框 1、2 和 3 的值。

这是我到目前为止所尝试的。当我单击任何复选框时它会做出反应，但我只是不确定如何获取特定值。

$('.filters').on('ifClicked', function(event)
    {
        var temp_id         =   event.target.id;
        current_cb_element  =   temp_id;
        var chckValue = $('#' + current_cb_element).parent('[class*="icheckbox"]').hasClass("checked");
        if (chckValue)
            chckValue = 0;
        else
            chckValue = 1;

        $("input[name=filters]").each( function () {

            alert( chckValue );
   });

标签： javascriptjquery

解决方案

使用下面的代码

$('input[type="checkbox"]').click(function () {
                var arrayCheck = new Array();
                $('input[type="checkbox"]').each(function (i) {
                    if ($(this).prop('checked') == true) {
                        arrayCheck.push(i + 1);
                    }

                });
            });

推荐阅读