Jquery 引导切换-值更改和数组生成

我正在尝试在我的一个个人项目中使用引导切换插件。这一切都很好，很漂亮，就像广告上说的那样有效，但事实并非如此

我的意思是，动画工作正常，但底层输入不会更改/切换状态更改

这是我的代码：

        <div class="checkbox">
        <label>
        <input type="checkbox" checked data-toggle="toggle" class="filter-toggle" value="1">mango
        </label>
        </div>
        <div class="checkbox">
        <label>
        <input type="checkbox" checked data-toggle="toggle" class="filter-toggle" value="2">strawberries
        </label>
        </div>
        <div class="checkbox">
        <label>
        <input type="checkbox" checked data-toggle="toggle" class="filter-toggle" value="3">tangerine
        </label>
        </div>
        <div class="checkbox">
        <label>
        <input type="checkbox" checked data-toggle="toggle" class="filter-toggle" value="4">peach
        </label>
        </div>
        <div class="checkbox">
        <label>
<input type="checkbox" checked data-toggle="toggle" class="filter-toggle" value="5">pineapple
        </label>
        </div>

很明显，它不是，或者我不会在这里，官方文档和示例根本没有帮助

简而言之，使用引导切换插件，我如何选中/取消选中底层复选框并将值输入js数组

谢谢

试试这个

var arr=[]；
$（“#btnFind”）。在（“单击”，函数（）{
$（“.filter toggle”）.each（函数（）{
if（$（this.prop（'checked'））{
arr.push（$（this.val（））；
}
});
});

芒果
草莓
橘
桃
菠萝
这是可行的，但我想我忘了指定我需要它在每个按钮切换后动态执行，而不需要我们额外的按钮这也是可能的，但我认为如果您将它推送到客户端的阵列上，您可以在需要更好性能时立即执行。
var arr = [];    
$('element').on('click',function(){
        $('.filter-toggle input[type="checkbox"]:checked').each(function(){
         arr.push($(this).val());
        });
    });