把asp:CheckBoxList 变成单选框

最新推荐文章于 2024-03-26 11:17:34 发布

weixin_30379911

最新推荐文章于 2024-03-26 11:17:34 发布

阅读量395

点赞数

文章标签： javascript ViewUI

原文链接：http://www.cnblogs.com/qishiguilai/p/3454300.html

版权

单选框代码

<asp:CheckBoxList runat="server" RepeatDirection="Horizontal" ID="MaintainPeopleCbl" >
                        <asp:ListItem Value="0" Text="是" οnclick="checkBoxList_Click(this)"></asp:ListItem>
                        <asp:ListItem Value="0" Text="否" οnclick="checkBoxList_Click(this)"></asp:ListItem>
                    </asp:CheckBoxList>

javascript 处理事件

 <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>

转载于:https://www.cnblogs.com/qishiguilai/p/3454300.html