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 TO HTML 转换
Jun 26 Javascript
JavaScript 私有成员分析
Jan 13 Javascript
javascript与asp.net(c#)互相调用方法
Dec 13 Javascript
JQuery的ajax获取数据后的处理总结(html,xml,json)
Jul 14 Javascript
jquery offset函数应用实例
Nov 14 Javascript
js左右弹性滚动对联广告代码分享
Feb 19 Javascript
js图片滚动效果时间可随意设定当鼠标移上去时停止
Jun 26 Javascript
JavaScript中number转换成string介绍
Dec 31 Javascript
从零开始学习Node.js系列教程之SQLite3和MongoDB用法分析
Apr 13 Javascript
gulp构建小程序的方法步骤
May 31 Javascript
JavaScript生成一个不重复的ID的方法示例
Sep 16 Javascript
JavaScript实现网页下拉菜单效果
Nov 20 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
多数据表共用一个页的新闻发布
2006/10/09 PHP
php将时间差转换为字符串提示
2011/09/07 PHP
php实现的SESSION类
2014/12/02 PHP
php 文件下载 出现下载文件内容乱码损坏的解决方法(推荐)
2016/11/16 PHP
tp5.1 框架路由操作-URL生成实例分析
2020/05/26 PHP
学习ExtJS Column布局
2009/10/08 Javascript
jquery autocomplete自动完成插件的的使用方法
2010/08/07 Javascript
JS幻灯片可循环播放可平滑旋转带滚动导航(自写)
2013/08/05 Javascript
javascript中对Attr(dom中属性)的操作示例讲解
2013/12/02 Javascript
jquery easyui 对于开始时间小于结束时间的判断示例
2014/03/22 Javascript
javascript感应鼠标图片透明度显示的方法
2015/02/24 Javascript
JavaScript事件学习小结(一)事件流
2016/06/09 Javascript
Webpack实现按需打包Lodash的几种方法详解
2017/05/08 Javascript
深入理解ES6的迭代器与生成器
2017/08/19 Javascript
详解如何使用PM2将Node.js的集群变得更加容易
2017/11/15 Javascript
vue中使用vee-validator完成表单校验方案
2019/11/01 Javascript
Python对两个有序列表进行合并和排序的例子
2014/06/13 Python
python中__call__方法示例分析
2014/10/11 Python
Python字符串中查找子串小技巧
2015/04/10 Python
Python的Flask框架中集成CKeditor富文本编辑器的教程
2016/06/13 Python
Ubuntu 16.04 LTS中源码安装Python 3.6.0的方法教程
2016/12/27 Python
Python爬取商家联系电话以及各种数据的方法
2018/11/10 Python
pytorch 转换矩阵的维数位置方法
2018/12/08 Python
python内存动态分配过程详解
2019/07/15 Python
python 如何去除字符串头尾的多余符号
2019/11/19 Python
python安装和pycharm环境搭建设置方法
2020/05/27 Python
pycharm远程连接服务器并配置python interpreter的方法
2020/12/23 Python
智能室内花园:Click & Grow
2021/01/29 全球购物
一名老师的自我评价
2014/02/07 职场文书
人力资源部门的主要职能
2014/02/22 职场文书
工程管理英文求职信
2014/03/18 职场文书
职位说明书范文
2014/05/07 职场文书
党员十八大心得体会
2014/09/12 职场文书
婚宴新郎致辞
2015/07/28 职场文书
幼儿园语言教学反思
2016/02/23 职场文书
Golang ort 中的sortInts 方法
2022/04/24 Golang