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 相关文章推荐
YUI的Tab切换实现代码
Apr 11 Javascript
一个奇葩的最短的 IE 版本判断JS脚本
May 28 Javascript
浅析JavaScript 箭头函数 generator Date JSON
May 23 Javascript
jQuery图片左右滚动代码 有左右按钮实例
Jun 20 Javascript
Laravel中常见的错误与解决方法小结
Aug 30 Javascript
JavaScript实现弹出广告功能
Mar 30 Javascript
React Native 搭建开发环境的方法步骤
Oct 30 Javascript
Angular项目从新建、打包到nginx部署全过程记录
Dec 09 Javascript
angular2中Http请求原理与用法详解
Jan 11 Javascript
微信小程序时间轴实现方法示例
Jan 14 Javascript
laravel实现中文和英语互相切换的例子
Sep 30 Javascript
vue3中的组件间通信
Mar 31 Vue.js
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+javascript实现二级级联菜单的制作
2008/05/06 PHP
PHP定时执行计划任务的多种方法小结
2011/12/19 PHP
phpstrom使用xdebug配置方法
2013/12/17 PHP
PIGCMS 如何关闭聊天机器人
2015/02/12 PHP
JS+PHP实现用户输入数字后显示最大的值及所在位置
2017/06/19 PHP
Ubuntu 16.04中Laravel5.4升级到5.6的步骤
2018/12/07 PHP
PHP中number_format()函数的用法讲解
2019/04/08 PHP
jQuery之过滤元素操作小结
2013/11/30 Javascript
Javascript定义类(class)的三种方法详解
2015/03/13 Javascript
基于jQuery实现自动轮播旋转木马特效
2015/11/02 Javascript
JavaScript中的原型prototype完全解析
2016/05/10 Javascript
javascript 常用验证函数总结
2016/06/28 Javascript
jquery设置表单元素为不可用的简单代码
2016/07/04 Javascript
微信小程序 火车票查询实例讲解
2016/10/17 Javascript
微信小程序页面传值实例分析
2017/04/19 Javascript
jQuery 表单序列化实例代码
2017/06/11 jQuery
详解Angular路由之路由守卫
2018/05/10 Javascript
JavaScript引用类型Function实例详解
2018/08/09 Javascript
vue实现局部刷新的实现示例
2019/04/16 Javascript
基于Bootstrap和JQuery实现动态打开和关闭tab页的实例代码
2019/06/10 jQuery
ES6数组与对象的解构赋值详解
2019/06/14 Javascript
vue中通过使用$attrs实现组件之间的数据传递功能
2019/09/01 Javascript
详解Vue.js 响应接口
2020/07/04 Javascript
使用Python制作获取网站目录的图形化程序
2015/05/04 Python
使用python画个小猪佩奇的示例代码
2018/06/06 Python
python中文编码与json中文输出问题详解
2018/08/24 Python
Django中间件拦截未登录url实例详解
2019/09/03 Python
django 利用Q对象与F对象进行查询的实现
2020/05/15 Python
Python 存取npy格式数据实例
2020/07/01 Python
美国滑雪板和装备购物网站:Skis.com
2018/12/20 全球购物
资源环境与城市管理专业推荐信
2013/11/30 职场文书
学校花圃的标语
2014/06/18 职场文书
教师党员整改措施
2014/10/24 职场文书
2014年保险公司工作总结
2014/11/22 职场文书
开会通知短信大全
2015/04/20 职场文书
贫困证明书范文
2015/06/16 职场文书