我正在使用 jquery mobile 构建一个移动网络应用程序。现在我想做两件事。一件事是只能选中一个复选框。另一件事是,当出现另一个复选框时,我不想修改我的 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 函数也有问题。但我想不通。
你能帮帮我吗?
谢谢
最佳答案
使用单选按钮代替复选框,并给它们全部相同的名称。然后根本不使用 javascript。
关于javascript - 只能选中一个复选框,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/10449579/