HTML+CSS+JavaScript

А если input выводится в многоуровневом списке ul, можно заставить скрипт работать ?

Хмм...попробовал развить - вживил в калькулятор, добавил значения value. Что получается: допустим мы складываем выбранные значения чекбоксов. Тогда при выборе четвертого значение третьего не стирается, а суммируется к четвертому(

Да, с атрибутом чтот ошибся))
Воу! Супер! Ты гений) Спасибо огромнейшее!

http://jsbin.com/cemuzu/1/edit?html,js,output

$(document).ready(function() {   var last_chb,pre_last_chb='';   $('#content :checkbox').click(function() {     var pdi = $(this).parent('div').index();     if(pre_last_chb===''){       last_chb=pre_last_chb=pdi;     }     else{       pre_last_chb=last_chb;       last_chb=pdi;     }     if($('.sh>:checked').length>3){       $('.sh').eq(pre_last_chb).find(':checkbox').attr('checked', false);     }   }); });

P.S. Атрибут "for" тега "label" должен быть таким же, как атрибут "id" тега "input", которому этот label передает клик.

Как вариант:

<div id="content">  <div class="sh"> <input name="cb[]" id="check1" type="checkbox"> <label for="is_html1"></label> </div>  <div class="sh"> <input name="cb[]" id="check2" type="checkbox"> <label for="is_html2"></label> </div>   <div class="sh"> <input name="cb[]" id="check3" type="checkbox">  <label for="is_html3"></label></div>  <div class="sh"> <input name="cb[]" id="check4" type="checkbox">  <label for="is_html4"></label></div>  <div class="sh"> <input name="cb[]" id="check5" type="checkbox">  <label for="is_html5"></label></div>  <div class="sh"> <input name="cb[]" id="check6" type="checkbox">  <label for="is_html6"></label></div>  <div class="sh"> <input name="cb[]" id="check7" type="checkbox">  <label for="is_html7></label> </div>   <div class="sh"> <input name="cb[]" id="check8" type="checkbox">  <label for="is_html8"></label></div>  </div>

И как теперь выглядит код?

Спасибо большое! Работает как надо если стоят только инпуты, однако добавляем что - то между ними и работать прекращает (я пробовал лейблы добавить и обернуть в див).=(

http://jsbin.com/bovaf/1/edit?html,js,output

$(document).ready(function() {   var last_chb,pre_last_chb='';   $(':checkbox').click(function() {     if(pre_last_chb===''){       last_chb=pre_last_chb=$(this).index();     }     else{       pre_last_chb=last_chb;       last_chb=$(this).index();     }     if($(':checked').length>3){       $(':checkbox').eq(pre_last_chb).attr('checked', false);     }   }); });

Хорошее решение! Есть только еще одна идея. Сейчас после выбора 3ех элементов чтобы выбрать другой элемент надо снять чек с предыдущего. Не подскажите как сделать так чтобы можно было выбрать только 3 элемента, но при клике на четвертый отметка с третьего снималась и устанавливалась на 4ом?

-