对用来供选择的框进行控制,多选了会跳出警告窗口

- 中国WEB开发者网络 (http://www.webasp.net)
-- 网页特效 (http://www.webasp.net/javascript/)
--- 对用来供选择的框进行控制,多选了会跳出警告窗口 (http://www.webasp.net/javascript/1/481.htm)
-- 发布日期: 2005-06-13
<!-- 网页特效代码由[中国WEB开发者网络:http://www.ChinaWebDev.com]提供! -->
<!-- 要实现此效果需要 1 个步骤: -->

<!-- 第 1 步: -->
<!-- 把下面的代码加到<BODY></BODY>区域中: -->

<SCRIPT LANGUAGE="JavaScript">
<!--//
function countChoices(obj) {
max = 2;

box1 = obj.form.box1.checked;
box2 = obj.form.box2.checked;
box3 = obj.form.box3.checked;

count = (box1 ? 1 : 0) + (box2 ? 1 : 0) + (box3 ? 1 : 0);

if (count > max) {
alert("对不起,你只能选择" + max + "个项目!");
obj.checked = false;
}
}
//-->
</script>

<form name="form">
请最多选择2个项目:
<p>
<input type=checkbox name=box1 onClick="countChoices(this)">
选择项目1
<p>
<input type=checkbox name=box2 onClick="countChoices(this)">
选择项目2
<p>
<input type=checkbox name=box3 onClick="countChoices(this)">
选择项目3
<p>
</form>


webasp.net