当前位置: 首页 > 编程笔记 >

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

谭嘉歆
2023-03-14
本文向大家介绍javascript实现复选框超过限制即弹出警告框的方法,包括了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程序设计有所帮助。

 类似资料:
  • 本文向大家介绍JavaScript使用setTimeout实现延迟弹出警告框的方法,包括了JavaScript使用setTimeout实现延迟弹出警告框的方法的使用技巧和注意事项,需要的朋友参考一下 本文实例讲述了JavaScript使用setTimeout实现延迟弹出警告框的方法。分享给大家供大家参考。具体如下: 下面的代码执行后点击按钮会延迟3秒钟弹出一个警告框,主要演示了setTimeout

  • 本文向大家介绍JavaScript检测并限制复选框选中个数的方法,包括了JavaScript检测并限制复选框选中个数的方法的使用技巧和注意事项,需要的朋友参考一下 本文实例讲述了JavaScript检测并限制复选框选中个数的方法。分享给大家供大家参考。具体如下: 这里用JavaScript判断复选框中否选中,同时可以限制复选框的选中个数,这是一个比较实用的JS表单判断示例,复选框的是否选中曾经让很

  • 本文向大家介绍Angular实现一个简单的多选复选框的弹出框指令实例,包括了Angular实现一个简单的多选复选框的弹出框指令实例的使用技巧和注意事项,需要的朋友参考一下 之前的文章有写过包含树结构下拉框的。 要实现一个包含多个复选框的下拉框该如何做呢? 先上个效果图吧: 代码: 指令模版代码option.html: 以上这篇Angular实现一个简单的多选复选框的弹出框指令实例就是小编分享给大家

  • 本文向大家介绍JS+CSS实现实用的单击输入框弹出选择框的方法,包括了JS+CSS实现实用的单击输入框弹出选择框的方法的使用技巧和注意事项,需要的朋友参考一下 本文实例讲述了JS+CSS实现实用的单击输入框弹出选择框的方法。分享给大家供大家参考。具体实现方法如下: 希望本文所述对大家的javascript程序设计有所帮助。

  • 本文向大家介绍基于JavaScript实现弹出框效果,包括了基于JavaScript实现弹出框效果的使用技巧和注意事项,需要的朋友参考一下 弹出框在网站页面中是必不可少的一部分,今天借助呐喊教程平台给大家分享使用js实现简单的弹出框效果,本文写不好,还请见谅!   首先我们来分析弹出框的部件.简单弹出框分为头,内容,尾部. 头部中有标题和关闭按钮,内容就可以图文,媒体,iframe,flash等等

  • 我有popupMenu和CheckBox。我需要将状态CheckBox写入布尔。此代码不工作: 这是错误: 致命的例外:主java。com上的lang.NullPointerException。亚历克斯。救命啊。根系活力。android上的OnOptions ItemSelected(RootsActivity.java:182)。应用程序。活动com上的onMenuItemSelected(Ac