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 相关文章推荐
jquery.alert 弹出式复选框实现代码
Jun 15 Javascript
jQuery解决iframe高度自适应代码
Dec 20 Javascript
javascript动态添加样式(行内式/嵌入式/外链式等规则)
Jun 24 Javascript
Json和Jsonp理论实例代码详解
Nov 15 Javascript
jquery获得同源iframe内body下标签的值的方法
Sep 25 Javascript
举例讲解JavaScript中将数组元素转换为字符串的方法
Oct 25 Javascript
jquery 抽奖小程序实现代码
Oct 12 Javascript
JS 验证密码 不能为空,必须含有数字、字母、特殊字符,长度在8-12位
Jun 21 Javascript
Windows下支持自动更新的Electron应用脚手架的方法
Dec 24 Javascript
babel7.x和webpack4.x配置vue项目的方法步骤
May 12 Javascript
JS实现从对象获取对象中单个键值的方法示例
Jun 05 Javascript
详解JavaScript中Arguments对象用途
Aug 30 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
杏林同学录(八)
2006/10/09 PHP
PHP中3种生成XML文件方法的速度效率比较
2012/10/06 PHP
PHP实现HTML生成PDF文件的方法
2014/11/07 PHP
检测codeigniter脚本消耗内存情况的方法
2015/03/21 PHP
自制PHP框架之设计模式
2017/05/07 PHP
PHP简单实现解析xml为数组的方法
2018/05/02 PHP
jQuery 图像裁剪插件Jcrop的简单使用
2009/05/22 Javascript
漂亮的jquery提示效果(仿腾讯弹出层)
2013/02/05 Javascript
js猜数字小游戏的简单实现代码
2013/07/02 Javascript
javascript列表框操作函数集合汇总
2013/11/28 Javascript
js实现全屏漂浮广告移入光标停止移动
2013/12/02 Javascript
js对象转json数组的简单实现案例
2014/02/28 Javascript
js实现数组转换成json
2015/06/26 Javascript
AngularJS基础教程之简单介绍
2015/09/27 Javascript
浅谈原生JS实现jQuery的animate()动画示例
2017/03/08 Javascript
纯JS实现图片验证码功能并兼容IE6-8(推荐)
2017/04/19 Javascript
微信小程序城市定位的实现实例(获取当前所在国家城市信息)
2017/05/17 Javascript
使用RN Animated做一个“添加购物车”动画的方法
2018/09/12 Javascript
微信小程序实现预览图片功能
2020/10/22 Javascript
解决ant design vue 表格a-table二次封装,slots渲染的问题
2020/10/28 Javascript
Python import用法以及与from...import的区别
2015/05/28 Python
Python使用sorted排序的方法小结
2017/07/28 Python
python根据txt文本批量创建文件夹
2020/12/08 Python
Django实现文件上传和下载功能
2019/10/06 Python
python opencv实现信用卡的数字识别
2020/01/12 Python
Python猴子补丁Monkey Patch用法实例解析
2020/03/23 Python
Python面向对象程序设计之继承、多态原理与用法详解
2020/03/23 Python
关于python tushare Tkinter构建的简单股票可视化查询系统(Beta v0.13)
2020/10/19 Python
python安装sklearn模块的方法详解
2020/11/28 Python
优瑞自动咖啡机官网:Jura
2018/09/29 全球购物
西班牙在线药店:DosFarma
2020/03/28 全球购物
大学应届毕业生个人求职信
2013/09/23 职场文书
新三好学生主要事迹
2014/01/23 职场文书
30年同学聚会邀请函
2014/01/25 职场文书
卫生巾广告词
2014/03/18 职场文书
2016教师廉洁教育心得体会
2016/01/13 职场文书