Gridview中实现RadioButton单选效果 yangan

HTML


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


CS


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


 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   }
原文地址:https://www.cnblogs.com/xlx0210/p/1541107.html