Как реализовать выбор чекбоксов зажатием мыши как в Яндекс Почте?

Question

[Александр Дмитриев]

Хочу реализовать выборку чекбоксов, которые располагаются списком, зажатием кнопки мыши (как в Windows выбор файлов). Наткнулся на selectable от jquery, но хотелось бы что-нибудь более практичное и простое.

Answer 1

[0xD34F]

Зажимайте.

UPD. Вынесено из комментариев:

Есть ли способ для снятия чекбоксов таким же способом, если делать по аналогии выходит коряво ?

вот аналогия и вот почему коряво
https://codepen.io/sasha1998dmitalex/pen/OZbyYo

Ну, тут разные варианты есть...

Можно выставлять чекбокс по левой кнопке, снимать по правой, типа так.

Можно инвертировать состояние чекбокса по событию mouseover, типа так.

Можно выставлять чекбоксы по зажатой кнопке мыши, а убирать по зажатой кнопке мыши + зажатой клавише ctrl, типа так.

Comments

[Александр Таратин]

Можно и без fill :)
Array(3000).join('<input type="checkbox">')

[Александр Дмитриев]

Есть ли способ для снятия чекбоксов таким же способом, если делать по аналогии выходит коряво ?

[0xD34F]

Александр Дмитриев, да без понятия - вы же не показали своё "по аналогии", и не объяснили, что там корявого, и чего вместо этого корявого вам бы хотелось.

[Александр Дмитриев]

0xD34F, вот аналогия и вот почему коряво https://codepen.io/sasha1998dmitalex/pen/OZbyYo

[0xD34F]

Александр Дмитриев, дополнил ответ.

[Александр Дмитриев]

Чем может быть обусловлено то что, 1 чекбокс в списке не чокается при зажатии кнопки на нем, а только когда зажато выше самого чекбокса ?

[0xD34F]

Александр Дмитриев, вы про второй вариант? Очевидно, события нет. Загуглите mouseover, почитайте, когда оно возникает - и всё станет ясно.