версия с использованием jquery, может быть не оптимально,
но по-моему нагляднее
<style>
#main div {padding:15px;margin:5px; border:1px solid #000;background:#f00}
#main .selected{background:#afa}
</style>
<div id="main">
<div>Текст</div>
<div>Текст</div>
<div>Текст</div>
Выделено объектов: <span>0</span>
</div>
<script src='http://code.jquery.com/jquery-git.js'></script>
<script>
$(function(){
var el = $('#main > div'), // куда кликаем
counter = $('#main > span'); // где отображаем число выделенных
el.click(function (e) {
$(this).toggleClass('selected'); // меняем класс
var num = el.filter('.selected').length; // смотрим сколько выделено
counter.text(num); // меняем текст
});
});
</script>