Настройте шаблон веточки, чтобы включить флажок для выбора всех:
{{ form.row(form.checkboxes, {'attr': {'class': 'class-name-of-checkboxes'} }) }}
<input type="checkbox" id="select-all" name="select-all" /> Select All
Изменение .checkboxes
на соответствующее поле формы для ваших флажков. То, что сделано выше, это добавление класса к входу с именем class-name-of-checkboxes
(измените на что-нибудь более подходящее, например form-checkbox
).
Затем добавляется флажок, который не имеет отношения к каким-либо данным формы, все, что он делает, это добавляет флажок с идентификатором select-all
, чтобы позволить пользователю выбрать все флажки одновременно.
затем jQuery:
$('#select-all').on('change', function()
{
if ($(this).is(':checked')) {
$('.class-name-of-checkboxes').attr('checked', 'checked')
}
})
Затем jQuery использует .on('change')
на объекте флажка $('#select-all')
для запуска функции. Если флажок установлен, добавьте атрибут checked="checked"
ко всем входам с классом .class-name-of-checkboxes
рефы: * * тысяча двадцать-одны
https://api.jquery.com/attr/
https://api.jquery.com/is/