This way
HTML:
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title></title>
<script src="http://code.jquery.com/jquery-1.11.0.min.js" type="text/javascript"></script>
<script type="text/javascript">
$(document).ready(function () {
$(':radio').click(function () {
var rowindex = $(this).closest("tr")[0].rowIndex;
var mainRowindex = $(this).parent().parent().parent().parent().parent().parent()[0].rowIndex;
$('#tbQuestion tr:eq(' + mainRowindex + ') td:eq(' + (rowindex + 1) + ')').find(':radio').attr('checked', 'checked');
});
});
</script>
</head>
<body>
<form id="form1" runat="server">
<div>
<table border="0" cellpadding="0" cellspacing="0">
<tr>
<td>
<asp:DataList ID="dlQuestion" runat="server">
<ItemTemplate>
<p>
<%#Container.ItemIndex+1 %>
)
<%# Eval("QuestionDescription")%>
</p>
<table>
<tr>
<td>
<asp:RadioButton ID="rblOptionOne" GroupName="Questions" Text='<%# Eval("OptionOne") %>'
runat="server" />
</td>
</tr>
<tr>
<td>
<asp:RadioButton ID="rblOptionTwo" GroupName="Questions" Text='<%# Eval("OptionTwo") %>'
runat="server" />
</td>
</tr>
<tr>
<td>
<asp:RadioButton ID="rblOptionThree" GroupName="Questions" Text='<%# Eval("OptionThree") %>'
runat="server" />
</td>
</tr>
<tr>
<td>
<asp:RadioButton ID="rblOptionFour" GroupName="Questions" Text='<%# Eval("OptionFour") %>'
runat="server" />
</td>
</tr>
</table>
</ItemTemplate>
</asp:DataList>
</td>
<td valign="top" align="right" style="width: 500px">
<h2>
Your answers
</h2>
<table id="tbQuestion">
<asp:Repeater ID="rptAnswer" runat="server">
<ItemTemplate>
<tr>
<td>
<itemtemplate>
<%#Container.ItemIndex+1 %>
</itemtemplate>
</td>
<td>
<asp:RadioButton ID="rblOptionOne" runat="server" GroupName="Answer" />
</td>
<td>
<asp:RadioButton ID="rblOptionTwo" runat="server" GroupName="Answer" />
</td>
<td>
<asp:RadioButton ID="rblOptionThree" runat="server" GroupName="Answer" />
</td>
<td>
<asp:RadioButton ID="rblOptionFour" runat="server" GroupName="Answer" />
</td>
</tr>
</ItemTemplate>
</asp:Repeater>
</table>
</td>
</tr>
</table>
</div>
</form>
</body>
</html>
C#:to get the questions and bind it to DataList and Repeater
protected void Page_Load(object sender, EventArgs e)
{
if (!this.IsPostBack)
{
this.Populate();
}
}
private void Populate()
{
string constr = ConfigurationManager.ConnectionStrings["ConString2"].ConnectionString;
using (SqlConnection _cn = new SqlConnection(constr))
{
using (SqlCommand _cmd = new SqlCommand("SELECT * FROM QuestionTable", _cn))
{
using (SqlDataAdapter da = new SqlDataAdapter(_cmd))
{
_cn.Open();
DataSet ds = new DataSet();
da.Fill(ds);
dlQuestion.DataSource = ds;
dlQuestion.DataBind();
this.rptAnswer.DataSource = ds;
this.rptAnswer.DataBind();
_cn.Close();
}
}
}
}
Sql Table
CREATE TABLE [dbo].[QuestionTable](
[QuestionId] [int] IDENTITY(1,1) NOT NULL,
[QuestionDescription] [varchar](max) NOT NULL,
[OptionOne] [varchar](30) NOT NULL,
[OptionTwo] [varchar](30) NOT NULL,
[OptionThree] [varchar](30) NOT NULL,
[OptionFour] [varchar](30) NOT NULL,
CONSTRAINT [PK_QuestionTable] PRIMARY KEY CLUSTERED
(
[QuestionId] ASC
)WITH (PAD_INDEX = OFF, STATISTICS_NORECOMPUTE = OFF, IGNORE_DUP_KEY = OFF, ALLOW_ROW_LOCKS = ON, ALLOW_PAGE_LOCKS = ON) ON [PRIMARY]
) ON [PRIMARY]
GO
Output image:
Thank You.
