Javascript-форум (https://javascript.ru/forum/)
-   jQuery (https://javascript.ru/forum/jquery/)
-   -   Jquery и несколько элементов (https://javascript.ru/forum/jquery/23194-jquery-i-neskolko-ehlementov.html)

_id 15.11.2011 18:07

Jquery и несколько элементов
 
Привет всем:) есть вопрос -
вот эта функция выделяет все чекбоксы -
$("#maincheck").click( function() {
            if($('#maincheck').attr('checked')){
                $('.mc').attr('checked', true);
                $('.selected_action').fadeIn(1000);
            } else {
                $('.mc').attr('checked', false);
                $('.selected_action').fadeOut(1000)
            }
       });


как при нажатии на ЛЮБОЙ (а не только первый) checkbox с классом mc показать блок (см. код ниже)

$(".mc").click( function() {
            if($(".mc").attr('checked')){
                $('.selected_action').animate({height: "show"}, 500);
            }

ksa 15.11.2011 21:00

_id, сделай для начала полный тестовый пример...

DjDiablo 15.11.2011 21:46

Если правильно понял то....

click вешается на все чек боксы с классом mc
Значит нужно проверить что с cheked чек бокса по которому щёлкнули (на него указывает this), и дело в шляпе.

// щелчок по чекбоксу с классом mc
$(".mc").click( function() {

            // проверяем что с атрибутом cheked, того чекбокса по которому щёлкнули
            if($(this).attr('checked')){

                // анимируем блок c классом selected_action
                $('.selected_action').animate({height: "show"}, 500);

            }
}

_id 16.11.2011 11:49

Цитата:

Сообщение от DjDiablo (Сообщение 136772)
Если правильно понял то....

click вешается на все чек боксы с классом mc
Значит нужно проверить что с cheked чек бокса по которому щёлкнули (на него указывает this), и дело в шляпе.

// щелчок по чекбоксу с классом mc
$(".mc").click( function() {

            // проверяем что с атрибутом cheked, того чекбокса по которому щёлкнули
            if($(this).attr('checked')){

                // анимируем блок c классом selected_action
                $('.selected_action').animate({height: "show"}, 500);

            }
}

Красота! Благодарю:)


Часовой пояс GMT +3, время: 06:44.