Jquery 按钮为用户选择某些复选框

我有一张汽车制造商的名单。。。总共大约70人。我想在顶部有一组按钮，当用户点击它们时，会自动检查预定的汽车品牌。因此，例如，当用户选择“导入”按钮时，将自动选择Acura、本田、现代、起亚、马自达、三菱、日产、Scion、斯巴鲁、铃木、丰田和大众的复选框

---

有人能给我指出正确的方向吗？

为每个组创建一个单独的CSS类，并将这些类分配给适当的元素

然后，当按下相应的按钮时，在复选框上设置checked属性

假设每个按钮都有类

类型按钮

，并且ID属性设置为所需的

类型

，即

ID=“imports”

---

将一个类添加到要选中的复选框中，然后在用户单击按钮时使用该类来选中它们。比如：

$('.defaultOnAcura').attr('checked', 'true');

享受：

切换按钮有一个

数据过滤器

属性，用于指定要切换的内容：

<input type="button" data-filter='us' value="USA"><br>
<input type="button" data-filter='jp' value="Japanese"><br>
<input type="button" data-filter='de' value="German"><br>
<input type="button" data-filter='import' value="Import"><br>

最后是一些jQuery以使其工作：

$(document).on('click','input[type="button"]',function(e){

    var filter = $(this).data('filter');

    $('input[type="checkbox"]').each(function(){
        var $checkbox = $(this);
        var tags = $checkbox.data('tags');
        $.each( tags, function(){
            if( filter == this ) $checkbox.prop("checked", !$checkbox.prop("checked"));
        });
    });

});

---

我在网上找不到任何与我要找的东西相近的东西。我发现的唯一一件事就是选中表单中的所有复选框。。。不是基于其值的单个标记。可能的重复项：、、..和。当然，您可以将这些标记放入类名中，这可以极大地简化过滤部分，但我无法抗拒JSON方式。我已经尝试了大约一个小时来实现这一点，但我无法实现。我已经尝试从你发布的链接中删除所有js脚本，包括它们，但仍然不起作用。有什么想法吗？什么不起作用？有一件事可能很棘手，将json数组正确地引用到属性中（单引号/双引号），但您可以将它们替换为单空格分隔的列表，并使用jQuery的。

<input type="checkbox" data-tags='["us"]'>Cadillac<br>
<input type="checkbox" data-tags='["jp","import"]'>Mazda<br>
<input type="checkbox" data-tags='["de","import"]'>VW<br>
<input type="checkbox" data-tags='["hu","import"]'>Rába<br>

$(document).on('click','input[type="button"]',function(e){

    var filter = $(this).data('filter');

    $('input[type="checkbox"]').each(function(){
        var $checkbox = $(this);
        var tags = $checkbox.data('tags');
        $.each( tags, function(){
            if( filter == this ) $checkbox.prop("checked", !$checkbox.prop("checked"));
        });
    });

});