web窗体设置asp:CheckBoxList 单选(拿来就用)

Mike_lucy

于 2023-03-27 16:24:16 发布

阅读量318

点赞数

文章标签：前端 javascript html

本文链接：https://blog.csdn.net/Mike_lucy/article/details/129798007

版权

该文章展示了如何在ASP.NET的CheckBoxList控件中为ListItem添加点击事件，通过设置onclick属性调用JavaScript函数CheckBoxList_Click。此函数用于处理列表项的点击，取消所有其他选中的选项并重新选定触发事件的选项。

摘要由CSDN通过智能技术生成

给asp:ListItem添加点击方法：οnclick="CheckBoxList_Click(this)"

<asp:CheckBoxList ID="CBLIndustry" runat="server" RepeatDirection="Horizontal" RepeatColumns="6">
    <asp:ListItem onclick="CheckBoxList_Click(this)" Text="企业" Value="0"></asp:ListItem>
    <asp:ListItem onclick="CheckBoxList_Click(this)" Text="公司" Value="1"></asp:ListItem>
 </asp:CheckBoxList>

js方法

 <script type="text/javascript">
        function CheckBoxList_Click (sender) {

            var container = sender.parentNode;
            if (container.tagName.toUpperCase() == "TD") {
                container = container.parentNode.parentNode;
            }
            var clickList = container.getElementsByTagName("input");
            var senderState = sender.checked;

            for (var i = 0; i < clickList.length; i++) {
                clickList[i].checked = false;
            }
            sender.checked = senderState;
        }
    </script>