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 相关文章推荐
IE和Firefox在JavaScript应用中的兼容性探讨
Apr 01 Javascript
javascript取消文本选定的实现代码
Nov 14 Javascript
js 使FORM表单的所有元素不可编辑的示例代码
Oct 17 Javascript
javascript自动给文本url地址增加链接的方法分享
Jan 20 Javascript
jquery 使用简明教程
Mar 05 Javascript
javascript浏览器兼容教程之事件处理
Jun 09 Javascript
jQuery中closest()函数用法实例
Jan 07 Javascript
纯HTML5制作围住神经猫游戏-附源码下载
Aug 23 Javascript
js生成随机数的过程解析
Nov 24 Javascript
vue中如何创建多个ueditor实例教程
Nov 14 Javascript
详解angular分页插件tm.pagination二次触发问题解决方案
Jul 20 Javascript
JavaScript 预解析的4种实现方法解析
Sep 03 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学习笔记之 函数声明
2011/06/09 PHP
php cli模式学习(PHP命令行模式)
2013/06/03 PHP
服务器迁移php版本不同可能诱发的问题
2015/12/22 PHP
PHP 数组基本操作小结(推荐)
2016/06/13 PHP
关于jQuery新的事件绑定机制on()的使用技巧
2013/04/26 Javascript
jquery实现可拖动DIV自定义保存到数据的实例
2013/11/20 Javascript
javascript中的return和闭包函数浅析
2014/06/06 Javascript
jQuery对象和DOM对象之间相互转换的方法介绍
2015/02/28 Javascript
js控制元素显示在屏幕固定位置及监听屏幕高度变化的方法
2015/08/11 Javascript
iscroll碰到Select无法选择下拉刷新的解决办法
2016/05/21 Javascript
Angular.js中ng-include用法及多标签页面的实现方式详解
2017/05/07 Javascript
socket.io与pm2(cluster)集群搭配的解决方案
2017/06/02 Javascript
vue的token刷新处理的方法
2018/07/17 Javascript
在vue里使用codemirror遇到的问题
2018/11/01 Javascript
小程序多图列表实现性能优化的方法步骤
2019/05/28 Javascript
react实现antd线上主题动态切换功能
2019/08/12 Javascript
nodejs环境使用Typeorm连接查询Oracle数据
2019/12/05 NodeJs
python区块及区块链的开发详解
2019/07/03 Python
Django微信小程序后台开发教程的实现
2020/06/03 Python
python3.x中安装web.py步骤方法
2020/06/23 Python
使用keras框架cnn+ctc_loss识别不定长字符图片操作
2020/06/29 Python
如何基于Python按行合并两个txt
2020/11/03 Python
韩国著名的在线综合购物网站:Akmall
2016/08/07 全球购物
俄罗斯皮肤健康中心:Pharmacosmetica.ru
2020/02/22 全球购物
计算机专业应届毕业生自荐信
2013/09/26 职场文书
军训心得体会
2013/12/31 职场文书
心理健康心得体会
2014/01/02 职场文书
理工大学毕业生自荐信范文
2014/02/22 职场文书
优秀教导主任事迹材料
2014/05/09 职场文书
2014年党的群众路线活动个人整改措施
2014/10/28 职场文书
2015年妇幼保健工作总结
2015/05/19 职场文书
十八大观后感
2015/06/12 职场文书
大学生支教感言
2015/08/01 职场文书
2016年党员干部廉政承诺书
2016/03/24 职场文书
成本低的5个创业项目:投资小、赚钱快
2019/08/20 职场文书
Python进程间的通信之语法学习
2022/04/11 Python