在一组checkbox中,只少选择一个,才可以提交

最新推荐文章于 2022-10-12 12:10:25 发布

初仔仔

最新推荐文章于 2022-10-12 12:10:25 发布

阅读量186

点赞数

CC 4.0 BY-SA版权

文章标签： javascript ViewUI

原文链接：http://www.cnblogs.com/luqingfei/archive/2008/12/02/1345442.html

本文介绍了一个使用JavaScript进行表单验证的例子。该示例通过检查是否有至少一个复选框被选中来验证表单。如果没有任何一个复选框被选中，则弹出警告提示用户选择一项。

Code
<table id="container">
<tr>
<td>
<label><input type="checkbox">aaaa</label>
<label><input type="checkbox">bbb</label>
<label><input type="checkbox">ccc</label>
<br/>
<input type="button" value="submit" onclick="if (!CheckChecked('container')) window.alert('choose one item!');"/>
</td>
</tr>
</table>
    <script type="text/javascript" language="javascript">
    function CheckChecked(container_name)
    {
        var container = document.getElementById(container_name);
        var inputs = container.getElementsByTagName("input");
        for (var i=0; i<inputs.length; i++)
        {
            if (inputs[i].type == "checkbox")
            {
                if (inputs[i].checked == true)
                {
                    return true;
                }
            }
        }
        return false;
    }
    </script>

转载于:https://www.cnblogs.com/luqingfei/archive/2008/12/02/1345442.html