button Save in html
<input id = "btnSave" type="submit" value="SAVE" class="button" style="width:72px" />
div enclosing the checkboxList
<div id="FamilyPlanningMethod" style="margin-left:75px;">
<table class="newRec" cellspacing="2px" cellpadding="2px" >
@{
int i = 0;
int len = 18; }
@for (int x = 0; x < len; x++)
{
<tr>
@for (int col = 0; col < 3; col++)
{
<td width="250px" >
@{
string y = Convert.ToString(ViewBag.FamilyPlanningMethods[i].FamilyPlanningMethodId);
@Html.CheckBox(y)
@: 
@ViewBag.FamilyPlanningMethods[i].FamilyPlanningMethod1
<br />
i++;
}
</td>
}
</tr>
}
</table>
</div>
checkbox is created using html Helper in MVC3 C# Ravor Engine View
here's how to code the click event of a button in jQuery
$("#btnTest").click(function () {
//code here
});
sample code to get the names of the selected checkboxes from checkbox list
$("#btnTest").click(function () {
var selected = [];
//FamilyPlanningMethod is the id of div enclosing the checkboxlist
$('#FamilyPlanningMethod input:checked').each(function () {
selected.push(this.name);
});
alert(selected);
return false;
});