Показать сообщение отдельно
  #5 (permalink)  
Старый 09.10.2011, 23:47
sinistral
Посмотреть профиль Найти все сообщения от melky
 
Регистрация: 28.03.2011
Сообщений: 5,418

т.к. html выложен коряво, то код написан с опорой на этот html

var
    cont = $("div.steps"),
    chxes = $("input:checkbox", cont),  // чекбоксы
    res = cont.prev("h2"), // чему будем давать класс
    cls = "ok"; // имя класса

chxes.click(function(e){
    
    res[ (!chxes.not(":checked").length?"add":"remove")+"Class" ](cls);

});



<style>.ok { border:3px green solid }</style>

<h2>title</h2>
<div class="steps">
 <input type="checkbox"><input type="checkbox"><input type="checkbox">
</div>


<script src="http://yandex.st/jquery/1.6.4/jquery.min.js"></script>

<script>
var
    cont = $("div.steps"),
    chxes = $("input:checkbox", cont), 
    res = cont.prev("h2"),
    cls = "ok";

chxes.click(function(e){
    
    res[ (!chxes.not(":checked").length?"add":"remove")+"Class" ](cls);

});
</script>
Ответить с цитированием