在Gridview中实现RadioButton单选

HTML

Code 1<asp:TemplateField ItemStyle-Width="22px">2                            <ItemTemplate>3                                <asp:RadioButton ID="radButtonControl" GroupName="group1" runat="server" />4                            </ItemTemplate>5                        </asp:TemplateField>6

CS

Code 1protected void gvWorkPlanList_RowDataBound(object sender, GridViewRowEventArgs e)2        {3            if (e.Row.RowType == DataControlRowType.DataRow)4            {5                RadioButton rb = (RadioButton)e.Row.FindControl("radButtonControl");6                if (rb != null)7                    rb.Attributes.Add("onclick", "onRadiobuttonClick('" + this.gvWorkPlanList.ClientID + "','" + rb.ClientID + "')");  8            }9        }

JS

 

Code  1 /**//* 2 传入的GridviewClientID和所选的RadioButton ClientID 3 **/ 4   function onRadiobuttonClick(gvControlID,selectedControlId) 5   { 6        var inputs = document.getElementById(gvControlID).getElementsByTagName("input"); 7        for(var i=0; i <inputs.length; i++) 8        { 9            if(inputs[i].type=="radio")10            {11                if(inputs[i].id==selectedControlId)12                    inputs[i].checked = true;13                else14                    inputs[i].checked = false;15               16            }17        }18   }