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


Posted in Javascript onFebruary 25, 2015

本文实例讲述了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 相关文章推荐
url 特殊字符 传递参数解决方法
Jan 01 Javascript
javascript函数中的arguments参数
Aug 01 Javascript
JavaScript中将一个值转换为字符串的方法分析[译]
Sep 21 Javascript
JavaScript实现url地址自动检测并添加URL链接示例代码
Nov 12 Javascript
jQuery的缓存机制浅析
Jun 07 Javascript
详解MVC如何使用开源分页插件(shenniu.pager.js)
Dec 16 Javascript
jQuery实现获取隐藏div高度的方法示例
Feb 09 Javascript
EsLint入门学习教程
Feb 17 Javascript
jquery+css3实现熊猫tv导航代码分享
Feb 12 jQuery
vue组件之间通信实例总结(点赞功能)
Dec 05 Javascript
webpack的 rquire.context用法实现工程自动化的方法
Feb 07 Javascript
node运行js获得输出的三种方式示例详解
Jul 02 Javascript
javascript获得当前的信息的一些常用命令
Feb 25 #Javascript
javascript实现图像循环明暗变化的方法
Feb 25 #Javascript
JS往数组中添加项性能分析
Feb 25 #Javascript
浅谈JavaScript中的String对象常用方法
Feb 25 #Javascript
JS实现点击颜色块切换指定区域背景颜色的方法
Feb 25 #Javascript
提交按钮的name='submit'引起的js失效问题及原因
Feb 25 #Javascript
JavaScript生成的动态下雨背景效果实现方法
Feb 25 #Javascript
You might like
PHP在Web开发领域的优势
2006/10/09 PHP
精美漂亮的php分页类代码
2013/04/02 PHP
php实现二进制和文本相互转换的方法
2015/04/18 PHP
利用PHP判断文件是否为图片的方法总结
2017/01/06 PHP
PHP chr()函数讲解
2019/02/11 PHP
最佳的addEvent事件绑定是怎样诞生的
2011/10/24 Javascript
JS中 用户登录系统的解决办法
2013/04/15 Javascript
初识SmartJS - AOP三剑客
2014/06/08 Javascript
jQuery的load()方法及其回调函数用法实例
2015/03/25 Javascript
Angularjs中使用Filters详解
2016/03/11 Javascript
JavaScript html5 canvas绘制时钟效果(二)
2016/03/27 Javascript
jquery自定义插件——window的实现【示例代码】
2016/05/06 Javascript
JS中对象与字符串的互相转换详解
2016/05/20 Javascript
JavaScript利用Date实现简单的倒计时实例
2017/01/12 Javascript
bootstrap表单按回车会自动刷新页面的解决办法
2017/03/08 Javascript
js判断PC端与移动端跳转
2020/12/24 Javascript
使用jQuery实现简单的tab框实例
2017/08/22 jQuery
node.js中http模块和url模块的简单介绍
2017/10/06 Javascript
vue写一个组件
2018/04/09 Javascript
js异步上传多张图片插件的使用方法
2018/10/22 Javascript
JS中min函数实例讲解
2019/02/18 Javascript
[01:18:31]DOTA2-DPC中国联赛定级赛 LBZS vs Magma BO3第一场 1月10日
2021/03/11 DOTA
python操作CouchDB的方法
2014/10/08 Python
python3使用pyqt5制作一个超简单浏览器的实例
2017/10/19 Python
运用TensorFlow进行简单实现线性回归、梯度下降示例
2018/03/05 Python
Python比较配置文件的方法实例详解
2019/06/06 Python
Python自定义一个异常类的方法
2019/06/27 Python
解决import tensorflow as tf 出错的原因
2020/04/16 Python
css3 中的新特性加强记忆详解
2016/04/16 HTML / CSS
web字体加载方案优化小结
2019/11/29 HTML / CSS
一家专门做特卖的网站:唯品会
2016/10/09 全球购物
自我鉴定模板
2013/10/29 职场文书
小学教师办公室制度
2014/02/03 职场文书
报关员个人职业生涯规划书
2014/03/12 职场文书
pyqt5蒙版遮罩mask,setmask的使用
2021/06/11 Python
Python获取字典中某个key的value
2022/04/13 Python