Desabilitar checkbox

Estou criando um sistema de votação onde a pessoa pode escolher um número determinado de respostas, então queria desabilitar as checkbox ao chegar a este valor e voltar a habilitar se a pessoa desmarcar algum campo. Problema que não tenho ideia como fazer isso em javascript.

Segue o código abaixo:

<h2>Votação</h2>
<div class="row">
	<div class="col-sm-12">
 <h4><?php echo $votacao->__get('titulo'); ?></h4>
 <p>Término em <?php echo $votacao->__get('dataTermino'); ?></p>
 <p><?php echo $erro; ?></p>
 <?php echo form_open($link, array('class'=>"form-horizontal")); ?>
 <?php
 $i = 0;
 foreach ($votacao->__get('opcoes') as $opcao){
 echo '<div class="form-group">
 <label>'.$opcao.'</label>'.
 '<div class="col-sm-1">
 <input class="form-control" type="checkbox" onkeyup="calcula()" name="opcaoform'.$i.'" id="opcao"/> '.
 '</div></div>';
 $i++;
 }
 ?>
 <input type="text" name="total" id="total" value="<?php echo $total; ?>" style="display: none"/>
 <div class="form-group">
 <div class="col-sm-offset-2 col-sm-6">
 <?php echo form_submit(array('name'=>'votar'), 'Votar'); ?>
 </div>
 </div>
	</div>
</div>
<script>
	//recebe valores do PHP
	Function calcula () {
 var numeroEscolhas = "<?php echo $numeroEscolhas; ?>";
 var totalAnterior = document.getElementById('total').value;
 if () {
 //se marcou acrescenta um ao total
 var total = totalAnterior + 1;
 } else {
 //se desmarcou diminui um ao total
 var total = totalAnterior - 1;
 }

 if (total == numeroEscolhas) {
 //desabilita checkboxs
 document.getElementById('opcao').disabled;
 } else {
 //habilita checkboxs;

 }
	}
</script>