Validating a check box in HTML

1.Open your HTML page in any text editor.
2. in the head section insert the following:
<script type="text/javascript" language=javascript>
function chkCheckBoxes() {
if (document.frmTest.CHKBOXA.checked == false &&
document.frmTest.CHKBOXB.checked == false &&)
{
alert (Put your message here!');
return false;
}
else
{
return true;
}
}
</script>
3.Scroll down to your HTML body, where the check box code is
4.Add the below code to the check box code:
<form onsubmit="return chkCheckBoxes();" action="" name="frmTest">
...
</form>
4.Save your HTML.

Interesting script I have to try it

I would do it like this - or use a library like jquery.

more efficient and less error prone as changes to the form object could cause it to fail. you could move the checkbox to another form and it would still work.

modified the code:

function chkCheckBoxes(){
var chkbox = document.getElementById('chkboxa');
if (!chkbox.checked)
{
alert ("Put your message here!");
return false;

}
return true;

}

html is the same.

Edited by GJR, 20 August 2013 - 08:28 AM.