答案复选框数量有限[关闭]

Question

我正在尝试使用 html/javascript/django 创建一个允许用户检查一到三个答案的表单。就像单选按钮的选择一样，除了蜜蜂只能检查一个之外，您最多可以检查三个。 知道我该怎么做吗？ 谢谢！

Answer 1

• 以某种本地可搜索的方式捆绑复选框（共享一个类，仅输入来自 ID 标记的后代标记等）
• 让所有这些，onclick，调用一个函数（传递这个）
• 如果至少有三个其他复选框，请取消选中此

HTML：

<input type="checkbox" onclick="limit3(this,'data-chkGroup');" class="data-chkGroup" />

JS：

function limit3(ele,classSet){
    var chks = document.getElementsByClassName(classSet);
    var disallow = 4;//+1 from allowed, so counting down results in 0 @ more than allowed
    for(var i = chks.length>>>0; i--;){
        if(chks[i].checked) disallow--;
        if(!disallow){
            ele.checked = false;
            break;
        }
    }
}

编辑：与评论链接的“类似问题”中的那些相比，它的优势：
这里使用的是原生 js，而不是包含 jQ 的臃肿。