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                else
14                    inputs[i].checked = false;
15               
16            }
17        }
18   }