Как сделать тоже самое с checkbox?

Question

[lavezzi1]

Использую vue.js
Есть такая конструкция:

html

С мейлом текстовым инпутом работает ок. То есть пишешь что то в инпуте значение увеличивается пропорционально.

Как сделать тоже самое, только с чекбоксом?

upd

Answer 1

[lega]

Если чекбокс обязательный, то не вижу проблем, если значение false может быть итоговым, то этот чекбокс нужно исключать и прогресбара

Comments

[lavezzi1]

What? Ничего не понял.

[lega]

lavezzi1: ok, а в чем проблема то? Какой код не работает?

[lavezzi1]

lega: Обновил вопрос.

[lega]

lavezzi1: Проверьте устанавливается ли значение this.models.checkCard.checked,
"==true" тут не обязательно
Пишите в step2 когда предыдущие в step1, не опечатка?
Проверьте по выходу из функции, что step2 - число

Сделал для сравнения на Angular Light: jsfiddle.net/lega911/vyv6as4j

[lega]

Вы пробовали this.models.cardType? вместо
this.models.cardType.length и this.models.checkCard.checked == true

[lavezzi1]

lega: Блин, это реально работает. Но почему? Можете объяснить? Просто я дизайнер который яростно хочет познать js

[lega]

lavezzi1: v-model пишет true/false в this.models.cardType для checkbox, хотя я vue.js не юзаю, так что все на уровне предположений

[lavezzi1]

lega: просто для меня не логично то, что в текстовый инпут проверяется на .length. А чекбокс нет.