Toggle attr checked (jQuery)

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

Пример

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

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

<!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>

Категории

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

Читайте также

Комментарии