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 相关文章推荐
js 发个判断字符串是否为符合标准的函数
Apr 27 Javascript
javascript错误的认识不用关心内存管理
Dec 15 Javascript
jquery的ajax简单结构示例代码
Feb 17 Javascript
jQuery表单域选择器用法分析
Feb 10 Javascript
JavaScript代码性能优化总结篇
May 15 Javascript
jQuery使用ajax跨域获取数据的简单实例
May 18 Javascript
详解handlebars+require基本使用方法
Dec 21 Javascript
JavaScript实现的原生态Tab标签页功能【兼容IE6】
Sep 18 Javascript
webpack开发环境和生产环境的深入理解
Nov 08 Javascript
详解如何为你的angular app构建一个第三方库
Dec 07 Javascript
用node开发并发布一个cli工具的方法步骤
Jan 03 Javascript
vue动态配置模板 'component is'代码
Jul 04 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
基于mysql的论坛(7)
2006/10/09 PHP
PHP策略模式定义与用法示例
2017/07/27 PHP
Laravel中七个非常有用但很少人知道的Carbon方法
2017/09/21 PHP
js href的用法
2010/05/13 Javascript
JQuery写动态树示例代码
2013/07/31 Javascript
js中的布尔运算符使用介绍
2013/11/20 Javascript
jQuery插件简单实现方法
2015/07/18 Javascript
Javascript类型转换的规则实例解析
2016/02/23 Javascript
JSON 对象未定义错误的解决方法
2016/09/29 Javascript
jQuery简单自定义图片轮播插件及用法示例
2016/11/21 Javascript
JS 实现计算器详解及实例代码(一)
2017/01/08 Javascript
JS动态插入脚本和插入引用外部链接脚本的方法
2018/05/21 Javascript
jquery.onoff实现简单的开关按钮功能(推荐)
2018/05/24 jQuery
layer弹出的iframe层在执行完毕后关闭当前弹出层的方法
2018/08/17 Javascript
vue里的data要用return返回的原因浅析
2019/05/28 Javascript
ES6 Promise对象概念及用法实例详解
2019/10/15 Javascript
jquery实现上传文件进度条
2020/03/26 jQuery
Vue3新特性之在Composition API中使用CSS Modules
2020/07/13 Javascript
Openlayers实现地图全屏显示
2020/09/28 Javascript
[29:59]完美世界DOTA2联赛PWL S3 Forest vs access 第二场 12.11
2020/12/13 DOTA
使用python实现正则匹配检索远端FTP目录下的文件
2015/03/25 Python
Python实现的购物车功能示例
2018/02/11 Python
Python使用configparser库读取配置文件
2020/02/22 Python
python的help函数如何使用
2020/06/11 Python
英国助听器购物网站:Hearing Direct
2018/08/21 全球购物
The North Face北面美国官网:美国著名户外品牌
2018/09/15 全球购物
大学生就业自我鉴定
2013/10/26 职场文书
安全生产网格化管理实施方案
2014/03/01 职场文书
新春联欢会主持词
2014/03/24 职场文书
工作作风整顿个人剖析材料
2014/10/11 职场文书
党的群众路线教育实践活动组织生活会发言材料
2014/10/17 职场文书
遗嘱继承权公证书
2015/01/26 职场文书
大客户经理岗位职责
2015/04/09 职场文书
营业员岗位职责范本
2015/04/14 职场文书
幼儿园园长安全责任书
2015/05/08 职场文书
浅析Redis Sentinel 与 Redis Cluster
2021/06/24 Redis