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

前端技术 2023/09/07 JavaScript

本文实例讲述了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程序设计有所帮助。

本文地址：https://www.stayed.cn/item/18423

转载请注明出处。

本站部分内容来源于网络,如侵犯到您的权益,请 联系我

我的博客

人生若只如初见，何事秋风悲画扇。

我的标签

随笔档案