如何防止用户在HTML中选择多个复选框?如何防止用户在HTML中选择多个复选框?
1
A
回答
7
您应该将其更改为单选按钮而不是复选框!
<input type="radio" name="group1" id="item1" value="Milk">
<label for="item1">Milk</label>
<br/>
<input type="radio" name="group1" id="item2" value="Butter" checked>
<label for="item2">Butter</label>
<br/>
<input type="radio" name="group1" id="item3" value="Cheese">
<label for="item13">Cheese</label>
1
如果你想只有一个复选框,在同一时间得到选中,那么它能够更好地使用radiobutton
代替。
1
如果您的意思是您不希望同时检查同一个“逻辑组”中的多个复选框,则应该使用单选按钮而不是复选框。
<form>
<input type="radio" name="aGroup" value="choice1" /> Choice #1<br />
<input type="radio" name="aGroup" value="choice2" /> Choice #2
</form>
通过使用此,只有1个选项,可以在同一时间
2
我有地方,我需要使用复选框的使用情况进行检查 - 它不同于单选按钮,允许用户取消选中...下面是一些我从另一个计算器用户拼凑起来的一个例子:
<head>
<meta charset=utf-8 />
<title>and-or checkboxes</title>
<script src="http://code.jquery.com/jquery-1.4.4.js"></script>
</head>
<body>
<label for="checkbox1"><input type="checkbox" id="checkbox1" name="checkbox1" value="and" </label><span id="span_and">checkbox1</span><br>
<label for="checkbox2"> <input type="checkbox" id="checkbox2" name="checkbox2" value="or" </label><span id="span_or">checkbox2</span>
<script>
$(document).ready(function(){
$('#checkbox1').click(function() {
var checkedBox = $(this).attr("checked");
if (checkedBox === true) {
$("#checkbox2").attr('checked', false);
} else {
$("#checkbox2").removeAttr('checked');
}
});
});
$(document).ready(function(){
$('#checkbox2').click(function() {
var checkedBox = $(this).attr("checked");
if (checkedBox === true) {
$("#checkbox1").attr('checked', false);
} else {
$("#checkbox1").removeAttr('checked');
}
});
});
</script>
</body>
通过一些工作,您可以将两个脚本或两个脚本合并为一个脚本。你现在可能不需要这个,但我想发布它,因为它对我非常有用。
0
使用无线电,他们必须有相同的name=""
。
相关问题
- 1. 如何防止在屏幕上显示多个html选择框?
- 2. 防止在HTML中选择
- 3. HTML表单 - 防止某些用户勾选复选框
- 4. 如何防止使用jquery选择复选框
- 5. 如何防止在选择查询中选择重复行?
- 6. 如何在HTML中选择多选框值:在struts中选择?
- 7. jQuery - 防止在选择多个选项中取消选择
- 8. 如何在选中多个复选框后禁用复选框?
- 9. 如何防止显示html选择(下拉框)选项
- 10. 防止用户在测验中多次选择选项
- 11. 在qt中选择多个复选框
- 12. 在cakephp中选择多个复选框?
- 13. 在gridview中选择多个复选框
- 14. 选中一个复选框以选择多个复选框
- 15. jQuery的防止多选择在多选
- 16. 防止用户使用javascript随机选中复选框
- 17. 如何在元框中创建多个复选框选择?
- 18. 如何防止在选择
- 19. 如何在tkinter中用SHIFT选择多个复选框?
- 20. 停止选择框多个允许用户选择多个选项
- 21. 防止多个组合框之间的重复选择
- 22. 从多个复选框中选择一个复选框并获取用户复选框
- 23. 如何防止使用jquery取消选中所有复选框?
- 24. 如何防止组合框选择值
- 25. 防止在iPhone Safari中自动选择多选框的第一个选项
- 26. 防止选择框更改
- 27. 从复选框中选择多个值
- 28. 从复选框中选择多个值
- 29. 防止在多个下拉列表中重复选择
- 30. 防止复选框换行
你能更具体吗?复选框并不真正具有“多选”。这是一个具有两种可能状态的单一元素,已选中或未选中。也许你正在寻找单选按钮? – David 2011-04-15 14:05:02
改为使用单选按钮? – 2011-04-15 14:05:43