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

作用相当于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>

 

posted @ 2015-02-03 18:47  songxia777  阅读(146)  评论(0编辑  收藏  举报