check this
<html>
<head title="">
<script type="text/javascript" src="http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.12.4.min.js"></script>
<script>
var initialstate = '';
var changedstate = '';
$(function () {
$('.myclass').each(function (i, elem) {
initialstate += (elem.checked ? '1' : '0') + '-';
changedstate += (elem.checked ? '1' : '0') + '-';
});
$('.myclass').on('click', function () {
changedstate = '';
$('.myclass').each(function (i, elem) { changedstate += (elem.checked ? '1' : '0') + '-' });
});
});
function validate()
{
if (initialstate == changedstate) { alert('no changes'); }
else
alert('data changed!');
}
</script>
</head>
<body>
<table>
<tr>
<td>Branches</td>
<td>Manage</td>
<td>Email</td>
</tr>
<tr><td>ABC</td><td><input type="checkbox" checked="checked" class="myclass"></td><td><input type="checkbox" class="myclass"></td></tr>
<tr><td>PQR</td><td><input type="checkbox" class="myclass"></td><td><input type="checkbox" class="myclass"></td></tr>
</table>
<button onclick="validate()">submit</button>
</body>
</html>
demo:
- JSFiddle[
^]