В Svelte при использовании bind: group в радио-входе свойство checked не устанавливается

Контекст: я новичок в Svelte, и я использую группу bind: для присвоения true / false переменной yes, но по умолчанию нет выбора какой-либо радиокнопки. Использование проверенного = проверенного в радио-входе, похоже, не работает, если есть привязка. Работает нормально, когда нет привязки.

REPL: https://svelte.dev/repl/28833b3a65d2417ea97c2594a5 / a> (Я использовал checked = checked в первом радиовходе, но он не проверяется)

Вопрос: Есть ли способ, чтобы и привязка, и радио-вход были проверены по умолчанию, то есть может быть привязка по умолчанию и выбор радио-входа?


person Adithya R    schedule 06.12.2020    source источник


Ответы (1)


Svelte поместит в значение выбранного радиокнопки в вашей переменной. Но у вас нет значения, определенного для ваших входных данных. Это значение также будет использоваться для сравнения текущего выбранного значения со значением ввода и соответственно отмечать / снимать отметку.

<label>
    <input name="yes" value={true} bind:group={yes} type="radio">
    Yes! Send me regular email spam
</label>
<label>
    <input name="yes" value={false} bind:group={yes} type="radio">
    Yes! Send me regular email spam
</label>

(также не забудьте привязать оба входа к одной и той же переменной)

person Stephane Vanraes    schedule 06.12.2020
comment
Бинд понял: неправильно, спасибо за разъяснения! - person Adithya R; 07.12.2020