Size: a a a

2020 March 17

A

Arushwl in Svelte [svelt]
Попробую
источник

A

Arushwl in Svelte [svelt]
Не совсем оно. Мне надо multiple inputs с уникальным ключом.
источник

A

Arushwl in Svelte [svelt]
источник

ИК

Игорь Корнелли in Svelte [svelt]
подскажите, а можно как-то дать стиль для <slot name="header" />
источник

DK

Dan Kozlov in Svelte [svelt]
Так этоhttps://svelte.dev/repl/5de41788d5504ffb878013b75efee6b2?version=3

Вам надо value задать, и использовать bind:group. Этот пример ответит на вопрос?
источник

DK

Dan Kozlov in Svelte [svelt]
Вы-то просто биндите именно checked, а group даёт на выходе иметь массив отмеченных элементов.
Вот более понятный пример:
https://svelte.dev/repl/b8c22893a21f4389ad918840fea721f1?version=3.20.1
источник

A

Arushwl in Svelte [svelt]
👍🏻
источник

A

Arushwl in Svelte [svelt]
Оно
источник

A

Arushwl in Svelte [svelt]
Dan Kozlov
Вы-то просто биндите именно checked, а group даёт на выходе иметь массив отмеченных элементов.
Вот более понятный пример:
https://svelte.dev/repl/b8c22893a21f4389ad918840fea721f1?version=3.20.1
Таки а как получить статус отмеченного в группе?
источник

A

Arushwl in Svelte [svelt]
Мне он нужен на другом элементе
источник

DK

Dan Kozlov in Svelte [svelt]
Не очень понимаю вопрос :)
Имейте в виду, что value может быть не только числом/строкой, но хоть JS-объектом. Можно делать value={item}, и тогда в группе одним из элементов массива будет объект.
источник

A

Arushwl in Svelte [svelt]
Лейбл подкрасить у чекнутого инпута
источник

A

Arushwl in Svelte [svelt]
Навести класс на лейбл чекнутого инпута
источник

DK

Dan Kozlov in Svelte [svelt]
Это лучше решить CSS. Но если хочется именно через JS, то что-то вроде class:selected={group.contains(value)} сработает.
источник

A

Arushwl in Svelte [svelt]
Спасибо
источник

DK

Dan Kozlov in Svelte [svelt]
Тьфу, простите, group.includes, перепутал нейминг
источник

DK

Dan Kozlov in Svelte [svelt]
источник

A

Arushwl in Svelte [svelt]
Yep!!!
источник

A

Arushwl in Svelte [svelt]
Thnx
источник

DK

Dan Kozlov in Svelte [svelt]
Dan Kozlov
Это лучше решить CSS. Но если хочется именно через JS, то что-то вроде class:selected={group.contains(value)} сработает.
Но лучше реально решать это через CSS, ни к чему нагружать рантайм такими задачами.
https://stackoverflow.com/questions/5275857/highlight-label-if-checkbox-is-checked
источник