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 相关文章推荐
Javascript定义类(class)的三种方法详解
Mar 13 Javascript
jQuery取消ajax请求的方法
Jun 09 Javascript
javascript中一些util方法汇总
Jun 10 Javascript
基于jQuery实现美观且实用的倒计时实例代码
Dec 30 Javascript
js H5 canvas投篮小游戏
Aug 18 Javascript
HTML5 JS压缩图片并获取图片BASE64编码上传
Nov 16 Javascript
浅谈JavaScript的自动垃圾收集机制
Dec 15 Javascript
Node.js上传文件功能之服务端如何获取文件上传进度
Feb 05 Javascript
Angular4学习笔记router的简单使用
Mar 30 Javascript
Layui动态生成select下拉选择框不显示的解决方法
Sep 24 Javascript
将RGB值转换为灰度值的简单算法
Oct 09 Javascript
如何解决jQuery 和其他JS库的冲突
Jun 22 jQuery
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/08/05 PHP
php使用百度天气接口示例
2014/04/22 PHP
php实现mysql数据库连接操作及用户管理
2015/11/08 PHP
PHP+MySQL实现在线测试答题实例
2020/01/02 PHP
accesskey 提交
2006/06/26 Javascript
jQuery 位置插件
2008/12/25 Javascript
jquery控制listbox中项的移动并排序
2009/11/12 Javascript
jsPDF生成pdf后在网页展示实例
2014/01/16 Javascript
Jquery如何实现点击时高亮显示代码
2014/01/22 Javascript
JQuery判断radio是否选中并获取选中值的示例代码
2014/10/17 Javascript
详解JavaScript中jQuery和Ajax以及JSONP的联合使用
2015/08/13 Javascript
详解Bootstrap按钮
2016/01/04 Javascript
JavaScript File API实现文件上传预览
2016/02/02 Javascript
微信小程序 Audio API详解及实例代码
2016/09/30 Javascript
深入浅析JavaScript中的RegExp对象
2017/09/18 Javascript
JS实现点击按钮随机生成可拖动的不同颜色块示例
2019/01/30 Javascript
Vue中的transition封装组件的实现方法
2019/08/13 Javascript
vue 实现移动端键盘搜索事件监听
2019/11/06 Javascript
python中requests爬去网页内容出现乱码问题解决方法介绍
2017/10/25 Python
python如何通过实例方法名字调用方法
2018/03/21 Python
Win8.1下安装Python3.6提示0x80240017错误的解决方法
2018/07/31 Python
PyGame贪吃蛇的实现代码示例
2018/11/21 Python
基于Django ORM、一对一、一对多、多对多的全面讲解
2019/07/26 Python
python 利用turtle模块画出没有角的方格
2019/11/23 Python
matplotlib.pyplot.matshow 矩阵可视化实例
2020/06/16 Python
使用Python解析Chrome浏览器书签的示例
2020/11/13 Python
Python基于template实现字符串替换
2020/11/27 Python
世界领先的以旅馆为主的在线预订平台:Hostelworld
2016/10/09 全球购物
凯特·丝蓓英国官网:Kate Spade英国
2016/11/07 全球购物
佳能德国网上商店:Canon德国
2017/03/18 全球购物
Boden美国官网:英伦原创时装品牌
2017/07/03 全球购物
马来西亚最大的电器网站:Senheng
2017/10/13 全球购物
生产车间班组长岗位职责
2014/01/06 职场文书
机电一体化应届生求职信范文
2014/01/24 职场文书
代理班主任的自我评价
2014/02/04 职场文书
社区爱国卫生月活动总结
2014/06/30 职场文书