Jquery 搜索筛选器检查错误复选框

我在搜索过滤器和复选框方面有问题

我有一个带有颜色（pantons）的复选框列表，例如：“绿色、黄色、蓝色、红色、粉色、橙色、黑色”，并通过搜索输入。 当我在输入中写入“bl”时，显示的颜色是“蓝色”和“黑色”。然后我检查它们并单击保存，在数据库中我保存了“绿色”和“黄色”（列表中的两种第一颜色）

第二个问题是，当我选择这个颜色并用退格清除时，复选框就被取消选中了

我需要怎么做的颜色正确的颜色将添加到数据库

在chceckbox的ng模型中添加了“已检查”选项，但该选项不起作用

普朗克是

我的代码：

<div class="row">
    <div class="col-lg-12">
        <div class="flat-panel">
            <div class="flat-panel-header">
                <h3 class="page-header">Choose color</h3>
                <div class="row">
                    <div class="form-group col-md-12">
                        <label for="nazwaRysunku">Search:  </label>
                        <input type="text" class="form-control" placeholder="Search..." ng-model="search.nazwa_pan" >
                    </div>
                </div>
            </div>
        <br>
            <div class="flat-panel-body">
            <div class="row">
                <div class="col-md-12" >
                    <div class="p-pantony" >
                        <label ng-repeat="panton in pPantons | filter : search track by $index" class="checkbox-inline" style="width: 170px; float: left; border-bottom: 10px solid rgb({{panton.R}},{{panton.G}},{{panton.B}}); margin:0 13px 13px 0;">
                            <input type="checkbox"  ng-model="article.pan[panton.nazwa_pan]" name="pantons" ng-true-value="' {{panton.nazwa_pan}}'" ng-false-value="'x'" > {{panton.nazwa_pan}} 

                        </label>
                         <label ng-repeat="panton in pgPantons | filter : search track by $index" class="checkbox-inline" style="width: 170px; float: left; border-bottom: 10px solid rgb({{panton.R}},{{panton.G}},{{panton.B}}); margin:0 13px 13px 0;">
                            <input type="checkbox"  ng-model="article.pan[panton.nazwa_pan]" name="pantons" ng-true-value="' {{panton.nazwa_pan}}'" ng-false-value="'x'" > {{panton.nazwa_pan}} 

                        </label>
                         <label ng-repeat="panton in innePantons | filter : search track by $index" class="checkbox-inline" style="width: 170px; float: left; border-bottom: 10px solid rgb({{panton.R}},{{panton.G}},{{panton.B}}); margin:0 13px 13px 0;">
                            <input type="checkbox"  ng-model="article.pan[panton.nazwa_pan]" name="pantons" ng-true-value="' {{panton.nazwa_pan}}'" ng-false-value="'x'" > {{panton.nazwa_pan}} 

                        </label>
                    </div> 
                </div>
            </div>    
            </div> <!-- .flat-panel-body -->
        </div>
    </div>
</div> <!-- /.row -->

我要发布的对象必须如下所示：

    {
    "article": {
        "id_rys": "45",
        "data_art": "15-12-2015",
        "nazwa_art": "fun",
        "pan": {
            "P108": " P108",
            "P109": " P109"
        }
    },
    "nazwa_art": "fun",
    "pan": {
        "P108": " P108",
        "P109": " P109"
    }
}

---

您是否有一个实时URL来查看它的运行情况？可能是您的PHP出现了错误。你可以检查控制台。如果未在控制器上确保要保存哪些数据，并且脚本中出现错误，则可能是在保存空数据或默认数据。console.log上的错误：消息：未定义变量：query

文件名：admin/Articles\u model.php

行号：70

我已更正错误，现在添加的新文章（dodaj nowy artykul）可以正常工作@阿德里安，你能再查一下吗？我查过了。一切似乎都很好，我找不到任何异常的东西，输入不应该失去它们的价值，除非你注入新的。另外，如果您能看到PHP脚本的var_转储，以查看接收和处理数据的内容和方式，也会很好。如果您不使用搜索输入，它可以正常工作。尝试这样做：在第一个输入文本中添加一些名称，然后在搜索输入中写“22”，并选中最后两个复选框（应该是：P221和PViolet 4022），然后单击“dalej”。现在应该向您展示带有列的表格：“Lp.”、“Dodaj Obrazek”、“Nazwa artykułu”、“Kolory w artykule”。在“Kolory w artykule”中，应该是您检查的颜色，但（在我的例子中）是两种不同的颜色-P268和黑色2。这就是问题所在。表中的颜色名称应与选中的颜色名称相同，但不相同。

    {
    "article": {
        "id_rys": "45",
        "data_art": "15-12-2015",
        "nazwa_art": "fun",
        "pan": {
            "P108": " P108",
            "P109": " P109"
        }
    },
    "nazwa_art": "fun",
    "pan": {
        "P108": " P108",
        "P109": " P109"
    }
}