码迷,mamicode.com
首页 > Web开发 > 详细

JS实现CheckBoxList单选

时间:2015-04-30 19:56:36      阅读:256      评论:0      收藏:0      [点我收藏+]

标签:

<asp:CheckBoxList ID="ckPro_Support" runat="server"></asp:CheckBoxList>

这是后台绑定数据的Checkboxlist控件;(哈哈 我喜欢你,黄爱琴!)

//实现checkboxlist单选
        window.onload = function () {
            var cbl = document.getElementById(<%= ckPro_Support.ClientID %>);
            var inputs = cbl.getElementsByTagName("input");           
            for (var i = 0; i < inputs.length; i++)
            {
                if (inputs[i].type == "checkbox")
                {
                    inputs[i].onclick = function ()
                    {
                        var cbs = inputs;
                        for (var i = 0; i < cbs.length; i++)
                        {
                            if (cbs[i].type == "checkbox" && cbs[i] != this && this.checked)
                            {
                                cbs[i].checked = false;
                            }
                        }
                    }
                }
            }

 

JS实现CheckBoxList单选

标签:

原文地址:http://www.cnblogs.com/Yunshine-sina/p/4469441.html

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