引导程序多选择图块布局复选框

时间:2018-06-25 14:29:10

标签: jquery twitter-bootstrap

我想制作一个带有复选框且显示在图块中的表单,而我发现这段代码正是我想要的。 https://bootsnipp.com/snippets/featured/multi-select-tiled-layout

但是问题是我想将检查项目限制为2。所以我写了这个,

$(document).ready(function(){ 
        var limit = 2;
        $("input[name='var_id[]']").on("change", function(e){ 
            var l = $("input[name='var_id[]']:checked").length;
            if(l > limit){
                $(this).prop('checked', false);
                alert ("Cannot select more than "+limit+" answers."); 
            }
        });
    });

但我意识到即使未选中该复选框,图块的背景仍然更改。我看到这是因为bootscrap脚本在标签标记中向该类添加了“活动”。

如何删除输入之前2个标签的标签标签的类?

0 个答案:

没有答案