信鸽网

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程序设计有所帮助。




有用  |  无用

猜你喜欢

您可能感兴趣的文章: