答案数量有限

Question

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

Answer 1

• 以一些本地dom-searchable方式捆绑复选框（共享一个类，只有来自ID＆＃39; d标签的输入标签后代等）
• 让所有人，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;
        }
    }
}

编辑：这与评论相关的类似问题的优点相比：＆＃39;： 这使用原生的js，而不是包括jQ的膨胀。