DataList中CheckBox实现单选

来源:互联网 发布:linux 磁盘同步 编辑:程序博客网 时间:2024/05/16 07:17
JS脚本:
function SetCheckBoxState()
{
    var dom=document.all;
    var el=event.srcElement;
    if(el.tagName=="INPUT" && el.type.toLowerCase()=="checkbox")
    {
        for(i=0;i<dom.length;i++)
        {
            if(dom[i].tagName=="INPUT" && dom[i].type.toLowerCase()=="checkbox")
            {
                dom[i].checked=false;
            }
        }
     }
     el.checked=!el.checked;
}
前台代码:
<asp:DataList ID="dlRoleList" runat="server" RepeatColumns="3" Width="100%" DataKeyField="RoleID" OnItemDataBound="dlRoleList_ItemDataBound">                                       
    <ItemTemplate>                                       
        <asp:CheckBox ID="cbRoles" runat="server" Text='<%# DataBinder.Eval(Container.DataItem,"RoleName") %>' />                                            
    </ItemTemplate>                                          
</asp:DataList>

后台代码实现:
protected void dlRoleList_ItemDataBound(object sender, DataListItemEventArgs e)
{
    if(e.Item.ItemIndex<0)  
        return;
    if(e.Item.ItemType == ListItemType.Item || e.Item.ItemType == ListItemType.AlternatingItem)
    {
        System.Web.UI.WebControls.CheckBox chkExport;
        chkExport = (CheckBox)e.Item.FindControl("cbRoles");
        chkExport.Attributes.Add("OnClick","SetCheckBoxState()");         
     }
}

 
原创粉丝点击