合并复选框值

本文介绍了合并复选框值的处理方法，对大家解决问题具有一定的参考价值，需要的朋友们下面随着小编来一起学习吧！ 问题描述

我有两个带有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 =