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

在CheckBox中,仅仅允许选择一项

时间:2015-02-03 20:56:02      阅读:131      评论:0      收藏:0      [点我收藏+]

标签:

作用相当于RadioButonList

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title></title>
    <script type="text/javascript">
        function UncheckOthers(objchkbox) {
            //Get the parent control of checkbox which is the checkbox list
            var objchkList = objchkbox.parentNode.parentNode.parentNode;
            //Get the checkbox controls in checkboxlist
            var chkboxControls = objchkList.getElementsByTagName("input");
            //Loop through each check box controls
            for (var i = 0; i < chkboxControls.length; i++) {
                //Check the current checkbox is not the one user selected
                if (chkboxControls[i] != objchkbox && objchkbox.checked) {
                    //Uncheck all other checkboxes
                    chkboxControls[i].checked = false;
                }
            }
        }
    </script>
</head>
<body>
    <form id="form1" runat="server">
        <div>
            <asp:CheckBoxList ID="CheckBoxList1" runat="server">
                <asp:ListItem Text="FirstValue" Value="1" onclick="UncheckOthers(this);">
                </asp:ListItem>
                <asp:ListItem Text="Second Value" Value="2" onclick="UncheckOthers(this);">
                </asp:ListItem>
                <asp:ListItem Text="Third Value" Value="3" onclick="UncheckOthers(this);">
                </asp:ListItem>
                <asp:ListItem Text="Fourth Value" Value="4" onclick="UncheckOthers(this);">
                </asp:ListItem>
                <asp:ListItem Text="Fifth Value" Value="5" onclick="UncheckOthers(this);">
                </asp:ListItem>
            </asp:CheckBoxList>
        </div>
    </form>
</body>
</html>

 

在CheckBox中,仅仅允许选择一项

标签:

原文地址:http://www.cnblogs.com/songxia/p/4270797.html

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