当前位置:开发者网络 >> 网页特效 >> 按钮特效 >> 内容
精彩推荐
分类最新特效
分类热点特效
  
对用来供选择的框进行控制,多选了会跳出警告窗口
日期: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>