<form action="<? echo $filename; ?>" id="acceptanceForm" name="acceptanceForm" method="post">
  <p>Terms and conditions.......</p>
  I ACCEPT THE TERMS AND CONDITIONS
  <input type="checkbox" name="accept" id="accept" value="yes"/>
  <span id="acceptInfo" class="inputInfo"></span>
</form>

$(document).ready(function(){

//Validation (TERMSANDCONDITION)
//termsandconditions variables
var acceptanceForm = $("#acceptanceForm");
var accept = $("#accept");
var acceptInfo = $("#acceptInfo");

//Trigger validation
//On blur
accept.click(validateAccept);
//On key press
accept.keyup(validateAccept);
//On submit
acceptanceForm.submit(function () {
    if (validateAccept())
        return true
    else
        return false;
});

//Validation
//validate accept

function validateAccept() {
    var isChecked = $('#accept').is(':checked');
    if (isChecked) {
        accept.removeClass("error");
        acceptInfo.text("Thanks");
        acceptInfo.removeClass("error");
        acceptInfo.removeClass("inputInfo");
        acceptInfo.addClass("validated");
        return true;
    } else {
        accept.addClass("error");
        acceptInfo.text("Please Read and Accept the Terms and Conditions");
        acceptInfo.removeClass("inputInfo");
        acceptInfo.removeClass("validated");
        acceptInfo.addClass("error");
        return false;
    }
}

accept.click(function(){
    validateAccept();
});