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 相关文章推荐
safari,opera嵌入iframe页面cookie读取问题解决方法
Jun 23 Javascript
Js从头学起(基本数据类型和引用类型的参数传递详细分析)
Feb 16 Javascript
JS 添加千分位与去掉千分位的示例
Jul 11 Javascript
jQuery统计上传文件大小的方法
Jan 24 Javascript
JavaScript实现简单的日历效果
Sep 25 Javascript
JavaScript表单验证开发
Nov 23 Javascript
基于Require.js使用方法(总结)
Oct 26 Javascript
element-ui中的select下拉列表设置默认值方法
Aug 24 Javascript
jQuery解析json格式数据示例
Sep 01 jQuery
Javascript Web Worker使用过程解析
Mar 16 Javascript
在Vue.js中使用TypeScript的方法
Mar 19 Javascript
JavaScript设计模式--桥梁模式引入操作实例分析
May 23 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页面防重复提交方法总结
2013/11/25 PHP
PHP调用Linux命令权限不足问题解决方法
2015/02/07 PHP
laravel中短信发送验证码的实现方法
2018/04/25 PHP
Laravel使用swoole实现websocket主动消息推送的方法介绍
2019/10/20 PHP
Centos7安装swoole扩展操作示例
2020/03/26 PHP
Aster vs KG BO3 第三场2.19
2021/03/10 DOTA
js调用flash的效果代码
2008/04/26 Javascript
javascript cookies 设置、读取、删除实例代码
2010/04/12 Javascript
用javascript模仿ie的自动完成类似自动完成功的表单
2012/12/12 Javascript
学习javascript面向对象 理解javascript原型和原型链
2016/01/04 Javascript
js修改onclick动作的四种方法(推荐)
2016/08/18 Javascript
jQuery弹出层插件popShow(改进版)用法示例
2017/01/23 Javascript
基于js粘贴事件paste简单解析以及遇到的坑
2017/09/07 Javascript
JS实现DOM删除节点操作示例
2018/04/04 Javascript
微信小程序 云开发模糊查询实现解析
2019/09/02 Javascript
[03:06]V社市场总监Dota2项目负责人Erik专访:希望更多中国玩家加入DOTA2
2014/07/11 DOTA
[01:12:53]完美世界DOTA2联赛PWL S2 Forest vs SZ 第一场 11.25
2020/11/26 DOTA
python语言使用技巧分享
2016/05/31 Python
Python读取指定目录下指定后缀文件并保存为docx
2017/04/23 Python
Python向日志输出中添加上下文信息
2017/05/24 Python
python中matplotlib实现最小二乘法拟合的过程详解
2017/07/11 Python
python爬虫系列Selenium定向爬取虎扑篮球图片详解
2017/11/15 Python
python 连接各类主流数据库的实例代码
2018/01/30 Python
python交互模式下输入换行/输入多行命令的方法
2019/07/02 Python
超简单的Python HTTP服务
2019/07/22 Python
Python彻底删除文件夹及其子文件方式
2019/12/23 Python
简述 Python 的类和对象
2020/08/21 Python
python基于opencv实现人脸识别
2021/01/04 Python
公司员工的自我评价范例
2013/11/01 职场文书
应届生财务管理求职信
2013/11/06 职场文书
《英英学古诗》教学反思
2014/04/11 职场文书
小学公民道德宣传日活动总结
2015/03/23 职场文书
单位政审意见范文
2015/06/04 职场文书
话题作文之学会尊重
2019/12/16 职场文书
Python爬虫基础之简单说一下scrapy的框架结构
2021/06/26 Python
详解Python如何批量采集京东商品数据流程
2022/01/22 Python