Оглавление скрыть


Вы можете авторизоваться через ВКонтакте, Фейсбук и оставить комментарий


Toggle attr checked (jQuery)

Чтобы сделать сделать переключатель на отметку/снятие отметки с чекбоксов нужно использовать методы .attr() и .removeAttr().

Пример

Например есть несколько чекбоксов и кнопка при нажатии на которую нужно сделать все чекбоксы checked и, если все чекбоксы отмечены убрать checked.

Смотреть онлайн пример.

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
<!DOCTYPE HTML><html><head><title>Toggle attr checked (jQuery)</title>

<script type="text/javascript" src="/js/jquery/jquery.js"></script>

<script type="text/javascript">
$(document).ready(function(){
    $('#btn').click(function(){
        if ($('input:checked[type="checkbox"]').size() < $('input[type="checkbox"]').size())
        {
            $('input[type="checkbox"]').attr('checked''checked');
        }
        else
        {
            $('input[type="checkbox"]').removeAttr('checked');
        }
    });
});
</script>

</head><body>

<ul>
<li><input type="checkbox" name="p1">Первое значение</li>
<li><input type="checkbox" name="p2">Второе значение</li>
<li><input type="checkbox" name="p3">Третье значение</li>
<li><input type="checkbox" name="p4">Четвертое значение</li>
<li><input type="checkbox" name="p5">Пятое значение</li>
<li><input type="checkbox" name="p6">Шестое значение</li>
<li><input type="checkbox" name="p7">Седьмое значение</li>
</ul>

<input type="button" id="btn" value="Отметить все / Снять все отметки">

</body></html>
Опубликовано: 24 января 2012  ·  Автор: Артём Фёдоров  ·  5058 просмотров

Категория

ГлавнаяПрограммированиеJavaScriptБиблиотекиjQueryToggle attr checked (jQuery)

Чтобы оставить комментарий нужно авторизоваться на сайте
или войти через ВКонтакте или Фейсбук

Войти через ФейсбукВойти через Твиттер

Комментарии

jQuery, Библиотеки, JavaScript, Программирование

© 2010-2016 expange.ru
При полном или частичном копировании статей сайта, ссылка на источник обязательна.

Хотите узнать больше информации, пишите на: artem@expange.ru

Полезное онлайн  ·  Новости  ·  Изображения  ·  Статьи по датам

О проекте  ·  Правила пользования  ·  Представительства

Благодарности и пожелания