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 相关文章推荐
Add a Picture to a Microsoft Word Document
Jun 15 Javascript
js不完美解决click和dblclick事件冲突问题
Jul 16 Javascript
深入剖析JavaScript中的枚举功能
Mar 06 Javascript
PHP+jQuery+Ajax实现多图片上传效果
Mar 14 Javascript
jquery.form.js实现将form提交转为ajax方式提交的方法
Apr 07 Javascript
浅谈Javascript实现继承的方法
Jul 06 Javascript
JS实现仿雅虎首页快捷登录入口及导航模块效果
Sep 19 Javascript
基于bootstrap的选择框插件icheck
Dec 23 Javascript
详解webpack-dev-server的简单使用
Apr 02 Javascript
微信小程序实现多选框全选与取消全选功能示例
May 14 Javascript
js的新生代垃圾回收知识点总结
Aug 22 Javascript
node后端服务保活的实现
Nov 10 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
在PWS上安装PHP4.0正式版
2006/10/09 PHP
php常用ODBC函数集(详细)
2013/06/24 PHP
PHP递归的三种常用方式
2019/02/28 PHP
基于jquery的商品展示放大镜
2010/08/07 Javascript
浅析js中2个等号与3个等号的区别
2013/08/06 Javascript
利用Jquery实现可多选的下拉框
2014/02/21 Javascript
angularjs中的e2e测试实例
2014/12/06 Javascript
JS去除iframe滚动条的方法
2015/04/01 Javascript
JavaScript获取两个数组交集的方法
2015/06/09 Javascript
使用Node.js为其他程序编写扩展的基本方法
2015/06/23 Javascript
轻量级javascript 框架Backbone使用指南
2015/07/24 Javascript
JS闭包与延迟求值用法示例
2016/12/22 Javascript
jquery.guide.js新版上线操作向导镂空提示jQuery插件(推荐)
2017/05/20 jQuery
浅析Vue.js中v-bind v-model的使用和区别
2018/12/04 Javascript
vue.js的vue-cli脚手架中使用百度地图API的实例
2019/01/21 Javascript
小程序实现搜索框
2020/06/19 Javascript
vue将后台数据时间戳转换成日期格式
2019/07/31 Javascript
浅谈Vue项目骨架屏注入实践
2019/08/05 Javascript
js实现简单抽奖功能
2020/11/24 Javascript
微信小程序tab左右滑动切换功能的实现代码
2021/02/08 Javascript
[02:07]DOTA2超级联赛专访BBC:难忘网吧超神经历
2013/06/09 DOTA
python从ftp下载数据保存实例
2013/11/20 Python
Python中的ConfigParser模块使用详解
2015/05/04 Python
python实现bucket排序算法实例分析
2015/05/04 Python
详解Python3中的Sequence type的使用
2015/08/01 Python
Django数据库类库MySQLdb使用详解
2019/04/28 Python
Python3 文章标题关键字提取的例子
2019/08/26 Python
Python3之外部文件调用Django程序操作model等文件实现方式
2020/04/07 Python
python2.7使用scapy发送syn实例
2020/05/05 Python
利用Node实现HTML5离线存储的方法
2020/10/16 HTML / CSS
幼儿教师自我鉴定
2013/11/02 职场文书
亲子拓展活动方案
2014/02/20 职场文书
宿舍保安职务说明书
2014/02/25 职场文书
给校长的建议书400字
2014/05/15 职场文书
网络营销计划书
2015/01/17 职场文书
JavaScript数组reduce()方法的语法与实例解析
2021/07/07 Javascript