javascript实现复选框超过限制即弹出警告框的方法

  作者:bea

本文实例讲述了javascript实现复选框超过限制即弹出警告框的方法。分享给大家供大家参考。具体实现方法如下: <html><title>javascript实现复选框超过限制即弹出警告框的方法</title><body><SCRIPT LANGUAGE="JavaScript"><!--//function countChoices(obj) {max = 2;box1 = obj.form.box1.

本文实例讲述了javascript实现复选框超过限制即弹出警告框的方法。分享给大家供大家参考。具体实现方法如下:




<html>
<title>javascript实现复选框超过限制即弹出警告框的方法</title>
<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>
<div>
</div>
</FORM>
</body>
</html>


希望本文所述对大家的javascript程序设计有所帮助。




有用  |  无用

猜你喜欢