A radio example of implementing radiobutton in gridview

  • 2020-06-23 00:11:28
  • OfStack

c # code
 
protected void GridView1_RowDataBound(object sender, GridViewRowEventArgs e) 
{ 
if (e.Row.RowType == DataControlRowType.DataRow) 
{ 
RadioButton rb = (RadioButton)e.Row.FindControl("rbtSelect"); 
if (rb != null) 
rb.Attributes.Add("onclick", "onClientClick('" + rb.ClientID + "','" + e.Row.RowIndex + "')"); // Put the selected row RowIndex Also passed, after the commit to the server side when the value  
} 
} 

javascript code
 
<script type="text/javascript"> 
function onClientClick(selectedId, rowIndex) 
{ 
// Record the selected line number with a hidden control  
var hidden = document.getElementById("Hidden1").value=rowIndex; 

var inputs = document.getElementById("<%=GridView1.ClientID%>").getElementsByTagName("input"); 
for(var i=0; i <inputs.length; i++) 
{ 
if(inputs[i].type=="radio") 
{ 
if(inputs[i].id==selectedId) 
inputs[i].checked = true; 
else 
inputs[i].checked = false; 

} 
} 
} 
</script> 

hmtl code:
 
<asp:GridView ID="GridView1" runat="server" AutoGenerateColumns="False" 
Width="648px" Font-Size="9pt" onrowcommand="GridView1_RowCommand" 
DataKeyNames="id" onrowdatabound="GridView1_RowDataBound"> 
<Columns> 
<asp:TemplateField> 
<ItemTemplate> 
<asp:RadioButton ID="rbtSelect" runat="server" /> 
</ItemTemplate> 
</asp:TemplateField> 
<asp:TemplateField HeaderText=" The file name "> 
<ItemTemplate> 
<asp:LinkButton runat="server" ID="lbtDirName" CommandName="Change" CommandArgument='<%#Container.DataItemIndex %>'> 
<%#Eval("AA") %> 
</asp:LinkButton> 
</ItemTemplate> 
</asp:TemplateField> 
<asp:BoundField DataField="BB" HeaderText=" field 1" /> 
<asp:BoundField DataField="CC" HeaderText=" field 2" /> 
<asp:BoundField DataField="DD" HeaderText=" field 3" /> 
<asp:BoundField DataField="EE" HeaderText=" field 4" /> 
</Columns> 
</asp:GridView> 

<input id="Hidden1" type="hidden" runat="server"/> 

Related articles: