I would suggest you to go for jQuery, in which it is be very simple.
Steps to execute any jQuery code
1. Download the jQuery file from
Official Website[
^].
2. Place inside your project and include in your html (inside head section) like below.
<script type="text/javascript" src="jquery-1.2.6.min.js"></script>
Solution for the asked question
The code provided by you for RadioButtonList will be rendered in browser like below.
<table id="rblTitle">
<tbody>
<tr>
<td>
<input type="radio" value="Mr" name="rblTitle" id="rblTitle_0">
<label for="rblTitle_0">Mr</label>
</td>
<td>
<input type="radio" value="Mrs" name="rblTitle" id="rblTitle_1">
<label for="rblTitle_1">Mrs</label>
</td>
<td>
<input type="radio" value="Ms" name="rblTitle" id="rblTitle_2">
<label for="rblTitle_2">Ms</label>
</td>
</tr>
</tbody>
</table>
Now you have to work on this code in client-side using jQuery.
So, to get the selected value of radio button, use the below javaScript code in your page.
<script type="text/javascript">
$(document).ready(function () {
// Get the Radio Buttons.
var rblTitle = $('#rblTitle').find('input:radio');
rblTitle.click(function () {
// Get the selected value
alert($(this).val());
});
});
</script>
The selected value will be shown in an alert.
Demo
Selected value of RadioButton inside RadioButtonList[
^].
Thanks...