javascript实现复选框超过限制即弹出警告框的方法
更新时间：2015年02月25日 15:55:49 作者：代码家园
这篇文章主要介绍了javascript实现复选框超过限制即弹出警告框的方法,涉及复选框及警告框的操作技巧,具有一定参考借鉴价值,需要的朋友可以参考下
本文实例讲述了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程序设计有所帮助。
相关文章
一句话控制框架的刷新2008-08-08
这篇文章主要介绍了layer弹出子iframe层父子页面传值的实现方法，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2018-11-11
浅谈javascript中for in 和 for each in的区别
两个的作用都用来遍历对象，但为什么有了for in语句了还要for each in语句呢，后来看了下for each in开发的文档，for each in是作为E4X标准的一部分在javascript 1.6中发布的，而且它不是ECMAScript标准的一部分2015-04-04
这篇文章主要介绍了浅谈document.write()输出样式，十分的简单实用，有需要的小伙伴可以参考下。2015-05-05
这篇文章主要给大家介绍了关于uniapp开发微信小程序遇到的问题的相关资料,比较适合第一次使用uniapp 开发微信小程序的伙伴,或者没有过实战经验的小伙伴参考,需要的朋友可以参考下2023-01-01
这篇文章主要为大家详细解析了JS组件Bootstrap Table使用方法，具有一定的实用性和参考价值，感兴趣的小伙伴们可以参考一下2016-11-11
这篇文章主要介绍了JavaScript实现视频转GIF,本文一共会按照以下三步去实现一个视频转 GIF 功能,解封装视频,从视频文件中获取视频帧,解码视频帧,获取帧图像信息,拼装帧图像信息,生成 GIF,需要的朋友可以参考下2024-03-03
这篇文章主要介绍了微信小程序搭建Https服务器，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2019-05-05
这篇文章主要介绍了逻辑表达式中与或非的用法的相关资料,非常不错具有参考借鉴价值，需要的朋友可以参考下2016-06-06
最近公司有一个项目的需要做出旋钮的效果，旋钮有十个档，根据手指旋转切换，旋转时接近最近的档会有吸附效果。这篇文章主要介绍了vue实现移动端圆形旋钮插件效果 ,需要的朋友可以参考下2018-11-11
最新评论