Desabilitar checkbox

[marcelobbt 7]

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>

 

 

[marcelobbt 7]

Obrigado aos que tentaram me ajudar. Encontrei um script antigo e fazendo uma modificações deu certo. Segue o resultado para quem quiser.

 

<script>
(function(){
	"use strict";
 
	var marcados = 0;
	var verifyCheckeds = function($checks) {
		if( marcados>="<?php echo $numeroEscolhas; ?>" ) {
			loop($checks, function($element) {
				$element.disabled = $element.checked ? '' : 'disabled';
			});
		} else {
			loop($checks, function($element) {
				$element.disabled = '';
			});
		}
	};
	var loop = function($elements, cb) {
		var max = $elements.length;
		while(max--) {
			cb($elements[max]);
		}
	}
	var count = function($element) {
		return $element.checked ? marcados + 1 : marcados - 1;
	}
	window.onload = function(){
		var $checks = document.querySelectorAll('input[type="checkbox"]');
		loop($checks, function($element) {
			$element.onclick = function(){
				marcados = count(this);
				verifyCheckeds($checks);
			}
			if($element.checked) marcados = marcados + 1;
		});
		verifyCheckeds($checks);
	}
}());
</script>