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 主动派发事件总结
Aug 09 Javascript
javascript nextSibling 与 getNextElement(node) 使用介绍
Oct 13 Javascript
10分钟学会写Jquery插件实例教程
Sep 06 Javascript
JS烟花背景效果实现方法
Mar 03 Javascript
JavaScript DOM 对象深入了解
Jul 20 Javascript
详解webpack异步加载业务模块
Jun 23 Javascript
基于rem的移动端响应式适配方案(详解)
Jul 07 Javascript
使用Vue写一个datepicker的示例
Jan 27 Javascript
AngularJS 监听变量变化的实现方法
Oct 09 Javascript
vue+echarts实现动态绘制图表及异步加载数据的方法
Oct 17 Javascript
超详细动手搭建一个VuePress 站点及开启PWA与自动部署的方法
Jan 27 Javascript
js console.log打印对象时属性缺失的解决方法
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网页游戏学习之Xnova(ogame)源码解读(十六)
2014/06/30 PHP
ThinkPHP实现动态包含文件的方法
2014/11/29 PHP
浅谈PDO的rowCount函数
2015/06/18 PHP
Docker 如何布置PHP开发环境
2016/06/21 PHP
PHP实现动态创建XML文档的方法
2018/03/30 PHP
Javascript 判断 object 的特定类转载
2007/02/01 Javascript
为超链接加上disabled后的故事
2010/12/10 Javascript
使用GruntJS构建Web程序之构建篇
2014/06/04 Javascript
jQuery 顶部导航跟随滚动条滚动固定浮动在顶部
2014/06/06 Javascript
jquery.uploadify插件在chrome浏览器频繁崩溃解决方法
2015/03/01 Javascript
js实现滚动条滚动到页面底部继续加载
2015/12/19 Javascript
Mvc提交表单的四种方法全程详解
2016/08/10 Javascript
Angular ng-repeat指令实例以及扩展部分
2016/12/26 Javascript
javascript html5轻松实现拖动功能
2017/03/01 Javascript
微信小程序实现鼠标拖动效果示例
2017/12/01 Javascript
Vue-router 切换组件页面时进入进出动画方法
2018/09/01 Javascript
Vant的安装和配合引入Vue.js项目里的方法步骤
2018/12/05 Javascript
详解React项目中碰到的IE问题
2019/03/14 Javascript
Vue + Elementui实现多标签页共存的方法
2019/06/12 Javascript
js微信分享接口调用详解
2019/07/23 Javascript
浅谈JS中几种轻松处理'this'指向方式
2019/09/16 Javascript
jQuery+ThinkPHP实现图片上传
2020/07/23 jQuery
JavaScript实现手风琴效果
2021/02/18 Javascript
Vue中避免滥用this去读取data中数据
2021/03/02 Vue.js
Python中条件选择和循环语句使用方法介绍
2013/03/13 Python
python实现的登陆Discuz!论坛通用代码分享
2014/07/11 Python
python实现指定文件夹下的指定文件移动到指定位置
2018/09/17 Python
python动态进度条的实现代码
2019/07/03 Python
美国机场停车位预订:About Airport Parking
2018/03/26 全球购物
ORLY官网:美国专业美甲一线品牌
2019/12/11 全球购物
Kendra Scott官网:美国领先的时尚配饰品牌
2020/10/22 全球购物
附答案的Java面试题
2012/11/19 面试题
小学生成绩单评语
2014/12/31 职场文书
幼师求职自荐信
2015/03/26 职场文书
开业庆典致辞
2015/08/01 职场文书
Go调用Rust方法及外部函数接口前置
2022/06/14 Golang