我动态生成与像chkBox100等id和onClick函数复选框。JavaScript启用点击复选框,并一次只选择一个
我想要做的就是
- 只有一次选择一个复选框。
- 如果选中前一个复选框,并选中另一个复选框,请选中前一个复选框。
- 如果我点击所选的复选框,它应该忽略它。
我想要在没有jQuery或任何其他库的标准JavaScript中做到这一点。
请帮助你的帮助,将不胜感激。这是我的代码到目前为止。
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title> New Document </title>
<script type="text/javascript">
function toggle(chkBox)
{
if (chkBox.checked)
{
chkBox.checked = false;
}
else
{
chkBox.checked = true;
}
// only select one at a time.
}
</script>
</head>
<body>
<form id="myForm" name="myForm">
<input type="checkbox" id="chkBox100" onClick="toggle(this);">
<input type="checkbox" id="chkBox121" onClick="toggle(this);">
<input type="checkbox" id="chkBox1180" onClick="toggle(this);">
</form>
</body>
</html>
为什么不使用单选按钮? – gereeter 2011-12-15 02:50:37
我同意@gereeter。也许添加一个“无”选项来取消选择其他的。 – 2011-12-15 02:53:56
此外,表单控件必须具有名称属性,否则它们不能成功,并且在提交表单时不会包含它。 – RobG 2011-12-15 03:00:17