checkboxlist实现单选

function  CheckBoxList_Click(sender) 
     {
        var container = sender.parentNode;        
        if(container.tagName.toUpperCase() == "TD") { // 服务器控件设置呈现为 table 布局（默认设置），否则使用流布局
            container = container.parentNode.parentNode; // 层次： <table><tr><td><input />
        }        
        var chkList = container.getElementsByTagName("input");
        var senderState = sender.checked;
        for(var i=0; i<chkList.length;i++) {
            chkList[i].checked = false;
        }     
        sender.checked = senderState;          
    }

< h3 > 单选效果的 CheckBoxList </ h3 >
     < div  style ="float:left" >
     < h4 > 静态项 </ h4 >
         < asp:CheckBoxList  ID ="CheckBoxList1"  BorderWidth ="1"  runat ="server"  RepeatLayout ="Flow" >
         < asp:ListItem  onclick ="CheckBoxList_Click(this)"  Value ="Item1" > Item1 </ asp:ListItem >
         < asp:ListItem  onclick ="CheckBoxList_Click(this)"  Value ="Item2" > Item2 </ asp:ListItem >
         < asp:ListItem  onclick ="CheckBoxList_Click(this)"  Value ="Item3" > Item3 </ asp:ListItem >
         < asp:ListItem  onclick ="CheckBoxList_Click(this)"  Value ="Item4" > Item4 </ asp:ListItem >
         < asp:ListItem  onclick ="CheckBoxList_Click(this)"  Value ="Item5" > Item5 </ asp:ListItem >
         </ asp:CheckBoxList >
     </ div >
     < div  style ="float:left;padding-left:100px" >
     < h4 > 绑定项 </ h4 >
         < asp:CheckBoxList  ID ="CheckBoxList2"  BorderWidth ="1"  runat ="server"  DataTextField ="Value"  DataValueField ="Key"  OnDataBound ="CheckBoxList2_DataBound" >         
         </ asp:CheckBoxList >
     </ div >

转载于:https://www.cnblogs.com/limxc/archive/2007/11/15/960509.html