合并复选框值 [英] Combine checkbox value

问题描述

我有两个带有id＃dropdown1，＃dropdown2和json数据'filterdata'的multiheckbox下拉列表。当我更改下拉值时，它绑定result.I需要组合两个下拉值并显示结果。示例代码是

I have two multicheckbox dropdown with id #dropdown1,#dropdown2 and json data 'filterdata'.When I change the dropdown values it bind result.I need to combine the two dropdown values and show the result.Sample code is

<pre lang="JavaScript">$(document).on("change", "#dropdown1", function () {
    var chklist = [];

    $("dropdown1:checked").each(function () {
        var cat = $(this).val();
        chklist.push(cat);

    });

    if (chklist.length != 0) {
        var Filtereditems = $.grep(Filterdata, function (element) {
            return chklist.indexOf(element.val1) > -1;
        });
        if (Filtereditems.length > 0) {
            $.each(Filtereditems, function (i) {
              //bind html data
            });
        } else {
            //clear result
        }
    }

});
$(document).on("change", "#dropdown2", function () {
    var chklist = [];

    $("#dropdown2":checked").each(function () {
        var cat = $(this).val();
        chklist.push(cat);

    });

    if (chklist.length != 0) {
        var Filtereditems = $.grep(Filterdata, function (element) {
            return chklist.indexOf(element.val2) > -1;
        });
        if (Filtereditems.length > 0) {
            $.each(Filtereditems, function (i) {
             //bind html data
            });
        } else {
           // clear result
    }

});

我尝试了什么：



我可以根据以下内容显示结果个别下拉值。但是我需要根据下拉列表中的检查值得出结果。

What I have tried:

I can show the result based on individual dropdown values.But i need result based on checked values in both dropdown.

推荐答案

（文档）.on（更改，＃dropdown1，函数（ ）{
var chklist = [];

(document).on("change", "#dropdown1", function () { var chklist = [];

（dropdown1：checked）。each（function（）{
var cat =

("dropdown1:checked").each(function () { var cat =

（this）。 VAL（）;
chklist.push（cat）;

}）;

if（chklist.length！= 0）{
var Filtereditems =

(this).val(); chklist.push(cat); }); if (chklist.length != 0) { var Filtereditems =

这篇关于合并复选框值的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！