简要咨询咨询QQ网站导航网站搜索手机站点联系我们设为首页加入收藏 

javascript实现复选框超过限制即弹出警告框的方法

来源:易贤网   阅读:1041 次  日期:2015-02-27 11:24:21

温馨提示:易贤网小编为您整理了“javascript实现复选框超过限制即弹出警告框的方法”,方便广大网友查阅!

这篇文章主要介绍了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程序设计有所帮助。

更多信息请查看IT技术专栏

更多信息请查看脚本栏目
点此处就本文及相关问题在本站进行非正式的简要咨询(便捷快速)】     【点此处查询各地各类考试咨询QQ号码及交流群
上一篇:浅谈JavaScript中的String对象常用方法
下一篇:不同编码的页面表单数据乱码问题解决方法
易贤网手机网站地址:javascript实现复选框超过限制即弹出警告框的方法
由于各方面情况的不断调整与变化,易贤网提供的所有考试信息和咨询回复仅供参考,敬请考生以权威部门公布的正式信息和咨询为准!