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 相关文章推荐
Tab页界面,用jQuery及Ajax技术实现
Sep 21 Javascript
js 父窗口控制子窗口的行为-打开,关闭,重定位,回复
Apr 20 Javascript
javascript forEach通用循环遍历方法
Oct 11 Javascript
2014 HTML5/CSS3热门动画特效TOP10
Dec 07 Javascript
JavaScript 基础函数_深入剖析变量和作用域
May 18 Javascript
限制文本框只能输入数字||只能是数字和小数点||只能是整数和浮点数
May 27 Javascript
Bootstrap零基础入门教程(三)
Jul 18 Javascript
AngularJs ng-repeat 嵌套如何获取外层$index
Sep 21 Javascript
JavaScript实现左右下拉框动态增删示例
Mar 09 Javascript
使用Node搭建reactSSR服务端渲染架构
Aug 30 Javascript
更强大的vue ssr实现预取数据的方式
Jul 19 Javascript
小程序开发之模态框组件封装
Apr 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
解析link_mysql的php版
2013/06/30 PHP
PHP访问Google Search API的方法
2015/03/05 PHP
php开发中的页面跳转方法总结
2015/04/26 PHP
jQuery 菜单随滚条改为以定位方式(固定要浏览器顶部)
2012/05/24 Javascript
JavaScript中变量声明有var和没var的区别示例介绍
2014/09/15 Javascript
JavaScript中的small()方法使用详解
2015/06/08 Javascript
jQuery实现手机自定义弹出输入框
2016/06/13 Javascript
js H5 canvas投篮小游戏
2016/08/18 Javascript
利用Javascript仿Excel的数据透视分析功能
2016/09/07 Javascript
微信小程序 网络请求(post请求,get请求)
2017/01/17 Javascript
Node.js利用断言模块assert进行单元测试的方法
2017/09/28 Javascript
Vuex实现计数器以及列表展示效果
2018/03/10 Javascript
java实现单链表增删改查的实例代码详解
2019/08/30 Javascript
Vue+Element-UI实现上传图片并压缩
2019/11/26 Javascript
原生JS实现留言板
2020/03/26 Javascript
详解elementUI中input框无法输入的问题
2020/04/27 Javascript
vue中路由跳转不计入history的操作
2020/09/21 Javascript
Element el-button 按钮组件的使用详解
2021/02/01 Javascript
Python3 Post登录并且保存cookie登录其他页面的方法
2018/12/28 Python
Python字符串内置函数功能与用法总结
2019/04/16 Python
Python之pymysql的使用小结
2019/07/01 Python
Pandas_cum累积计算和rolling滚动计算的用法详解
2019/07/04 Python
Numpy之reshape()使用详解
2019/12/26 Python
基于opencv的selenium滑动验证码的实现
2020/07/24 Python
pytest fixtures装饰器的使用和如何控制用例的执行顺序
2021/01/28 Python
HTML5为输入框添加语音输入功能的实现方法
2017/02/06 HTML / CSS
html5给汉字加拼音加进度条的实现代码
2020/04/07 HTML / CSS
详解如何获取localStorage最大存储大小的方法
2020/05/21 HTML / CSS
印度手工编织服装和家居用品商店:Fabindi
2019/10/07 全球购物
保管员岗位职责
2015/02/14 职场文书
乡镇干部学习心得体会
2016/01/23 职场文书
2019年最新七夕唯美祝福语(60条)
2019/07/22 职场文书
golang elasticsearch Client的使用详解
2021/05/05 Golang
微信小程序实现拍照和相册选取图片
2021/05/09 Javascript
jupyter notebook保存文件默认路径更改方法汇总(亲测可以)
2021/06/09 Python
html用代码制作虚线框怎么做? dw制作虚线圆圈的技巧
2022/12/24 HTML / CSS