编程 Javascript

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程序设计有所帮助。

- Author -

代码家园

声明：登载此文出于传递更多信息之目的，并不意味着赞同其观点或证实其描述。

Javascript 相关文章推荐

javascript 函数调用的对象和方法

Jul 01 Javascript

jquery鼠标滑过提示title具体实现代码

Aug 06 Javascript

jquery获取子节点和父节点的示例代码

Sep 10 Javascript

js+jquery实现图片裁剪功能

Jan 02 Javascript

详解JavaScript编程中的数组结构

Oct 24 Javascript

js如何改变文章的字体大小

Jan 08 Javascript

微信小程序分享功能之按钮button 边框隐藏和点击隐藏

Jun 14 Javascript

获取layer.open弹出层的返回值方法

Aug 20 Javascript

vue-cli3 项目从搭建优化到docker部署的方法

Jan 28 Javascript

javascript中join方法实例讲解

Feb 21 Javascript

微信小程序网络通信实现详解

Jul 23 Javascript

JS实现横向轮播图（初级版）

Jun 24 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判断搜索引擎蜘蛛并自动记忆到文件的代码

2012/02/04 PHP

php中使用websocket详解

2016/09/23 PHP

详解提高使用Java反射的效率方法

2019/04/29 PHP

javascript 限制输入和粘贴(IE,firefox测试通过)

2008/11/14 Javascript

JavaScript使用技巧精萃[代码非常实用]

2008/11/21 Javascript

firefox和IE系列的相关区别整理以备后用

2009/12/28 Javascript

读jQuery之十四（触发事件核心方法）

2011/08/23 Javascript

js jq 单击和双击区分示例介绍

2013/11/05 Javascript

JavaScript lastIndexOf方法入门实例（计算指定字符在字符串中最后一次出现的位置）

2014/10/17 Javascript

JS+CSS实现自动改变切换方向图片幻灯切换效果的方法

2015/03/02 Javascript

js实现类似新浪微博首页内容渐显效果的方法

2015/04/10 Javascript

jQuery插件实现适用于移动端的地址选择器

2016/02/18 Javascript

JS封装的自动创建表格的实现代码

2016/06/15 Javascript

Javascript闭包与函数柯里化浅析

2016/06/22 Javascript

详细讲解JavaScript中的this绑定

2016/10/10 Javascript

IE8利用自带的setCapture和releaseCapture解决iframe的拖拽事件方法

2016/10/25 Javascript

bootstrap table操作技巧分享

2017/02/15 Javascript

微信小程序自定义可滑动顶部TabBar选项卡实现页面切换功能示例

2019/05/14 Javascript

IE11下CKEditor在Bootstrap Modal中下拉问题的解决

2019/09/25 Javascript

Selenium执行JavaScript脚本的方法示例

2020/12/31 Javascript

Python实现的多叉树寻找最短路径算法示例

2018/07/30 Python

python实现自动网页截图并裁剪图片

2018/07/30 Python

python3通过selenium爬虫获取到dj商品的实例代码

2019/04/25 Python

读取nii或nii.gz文件中的信息即输出图像操作

2020/07/01 Python

python 如何使用find和find_all爬虫、找文本的实现

2020/10/16 Python

Python字节单位转换(将字节转换为K M G T)

2021/03/02 Python

iphoneX 适配客户端H5页面的方法教程

2017/12/08 HTML / CSS

魔声耳机官方网站：Monster是世界第一品牌的高性能耳机

2016/10/26 全球购物

中国海淘族值得信赖的海淘返利网站：55海淘

2017/01/16 全球购物

linux面试题参考答案（5）

2014/09/01 面试题

委托书模板

2014/04/04 职场文书

党的群众路线教育实践活动查摆剖析材料

2014/10/10 职场文书

民事答辩状格式范文

2015/05/21 职场文书

小学三年级班主任工作经验交流材料

2015/11/02 职场文书

百善孝为先：关于孝道的经典语录

2019/10/18 职场文书

Python使用OpenCV实现虚拟缩放效果

2022/02/28 Python