Pages

Monday, January 23, 2012

Grid Check All Checkbox

Grid Check All checkbox

<script src="js/jquery-1.3.2.js"></script>
<script>

function checkall(state, formid)
{
var n = document.getElementById(formid).elements.length;
for (i=0; i<n; i++)
{

if (document.getElementById(formid).elements[i].name == "chk[]")
document.getElementById(formid).elements[i].checked = state;
}
}

function disablechk(state, formid) {

$('input[name="chk[]"]:checkbox').change(function() {
var chkLength = $('input[name="chk[]"]:checkbox').length;
var checkedLen = $('input[name="chk[]"]:checkbox:checked').length;

if (chkLength == checkedLen) {
//$('#Main').attr('checked', true);
document.getElementById(formid).Main.checked = true;
} else {
//$('#Main').attr('checked', false);
document.getElementById(formid).Main.checked = false;
}
});

}
</script>


<form name="FrmName" id="FrmName" method="post">
<input type="checkbox" name="Main" onclick="javascript:checkall(this.checked,'FrmName');" />
<input name="chk[]" type="checkbox" onclick="javascript:disablechk(this.checked,'FrmName');" />
<input name="chk[]" type="checkbox" onclick="javascript:disablechk(this.checked,'FrmName');" />
</form>

No comments:

Post a Comment