<apex:pageblockTable value="{!DisplayServices}" var="d" id="pt1">
    <apex:column headerValue="Select Included Services" id="col1">
        <apex:inputCheckbox value="{!d.isSelected}" id="chcbox" onclick="disableChebox('{!mp[d.serviceName]}','{!d.serviceName}','{!$Component.chcbox}');myFunction('{!mp[d.serviceName]}');"/>
    </apex:column>


<scrip type="text/javascript">
function disableChebox(xx, name, selectedId){
     var x=document.getElementsByName('abc')[xx];
     alert("x---->"+x);
     alert(x.value+x.disabled);
     if(x.disabled == false){
         x.value=0;
     }
     x.disabled = !x.disabled;
     var selectedd = document.getElementById(selectedId);
     alert('selected'+selectedd);
     if(name== "Advisory Services" && selectedd.checked){
         if(document.getElementById("pg:form:pgbr:rp:2:ae") != null){
             document.getElementById("pg:form:pgbr:rp:2:ae").style.display = 'block';
        }
    }
    if(name== "Advisory Services" && !selectedd.checked){
        if(document.getElementById("pg:form:pgbr:rp:2:ae") != null){
            document.getElementById("pg:form:pgbr:rp:2:ae").style.display = 'none';
        }
    }
}


function myFunction(xx){
    var total=0;
    var x=document.getElementsByName('abc');
    for(var a=0;a<x.length;a++){
        total = parseInt(total,10)+parseInt(x[a].value,10);
    }
    if(total >100){
        showMessage('ERROR', 'Total is greater than 100.Current percentage value is '+total);
    }
    else{
        showMessage('Clear', '');
    }
    return false;
}

</script>

<apex:inputCheckbox className="myCheckbox" />
<script>
    (function ($) {
        $(function () {
            $('.myCheckbox').click(function () {
                // do stuff
            });
        });
    }(jQuery));
</script>