只能选中一个复选框

Question

我正在使用jquery mobile构建移动webapp.现在我想做两件事.有一点是只能检查一个复选框.另一件事是,当有另一个复选框时,我不想修改我的JavaScript.

我的HTML

<input type="checkbox" name="checkbox-zaal1" id="checkbox-1" onClick="CountChecks('checkbox-1')"/>
                    <label for="checkbox-1">Zaal 1</label>

                    <input type="checkbox" name="checkbox-zaal2" id="checkbox-2" onClick="CountChecks('checkbox-2')"/>
                      <label for="checkbox-2">Zaal 2</label>

                    <input type="checkbox" name="checkbox-zaal3" id="checkbox-3" onClick="CountChecks('checkbox-3')"/>
                    <label for="checkbox-3">Zaal 3</label>

还有我的javascript

function CountChecks(which) {
        var maxchecked = 1;
        var count = 0;
        for (i=0;i<=3;i++){
            if(eval('document.getElementById("checkbox-"+ i).checked == true')) { count++; }
        }
        if(count > maxchecked) {
            eval('document.getElementById("' + which + '").checked = false');
            alert('Sorry je kan enkel maar 1 meeting room reserveren');
        }
    }

所以你可以在我的javascript中看到.我想在页面上的金额关闭复选框中更改for循环中的3.我的第一个eval函数也有问题.但我无法弄明白.

你可以帮帮我吗 ？

谢谢

Answer 1

使用单选按钮而不是复选框,并为它们指定相同的名称.然后根本不使用javascript.