如果选中另一个复选框,则取消选中复选框中的其他复选框

时间:2014-02-14 21:19:26

标签: c# jquery asp.net

<asp:CheckBoxList ID="ckbLstPartner" runat="server" RepeatDirection="Horizontal" CssClass="cssRdlstMoheSacm">
<asp:ListItem Text="Yes" Value="1"></asp:ListItem>
<asp:ListItem Text="No" Value="0"></asp:ListItem>
</asp:CheckBoxList>

如果JQuery选择其中一个选项,如何取消选中其他选项

1 个答案:

答案 0 :(得分:0)

在aspx页面中:

<script>
        function radioMe(e) {
            if (!e) e = window.event;
            var sender = e.target || e.srcElement;

            if (sender.nodeName != 'INPUT') return;
            var checker = sender;
            var chkBox = document.getElementById('<%= ckbLstPartner.ClientID %>');
            var chks = chkBox.getElementsByTagName('INPUT');
            for (i = 0; i < chks.length; i++) {
                if (chks[i] != checker)
                    chks[i].checked = false;
            }
        }
    </script>

在页面加载事件后面的代码中

ckbLstPartner.Attributes.Add("onclick", "radioMe(event);");