码迷,mamicode.com
首页 > 其他好文 > 详细

复选框限制,超过限制即弹出警告框

时间:2015-03-04 12:43:26      阅读:114      评论:0      收藏:0      [点我收藏+]

标签:

<html>
    <title>复选框限制,超过限制即弹出警告框丨大疆官网|</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>
    <br><br><hr>

 

复选框限制,超过限制即弹出警告框

标签:

原文地址:http://www.cnblogs.com/youtianxia/p/4312934.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!