@asferot

Как отследить выбор?

Как отследить выбор позиции? Если клик пришелся на первый радиобаттон - то повесить на input - disabled на второй строке. Если же клик пришелся на второй радиобаттон - то повесить на input - disabled на первой строке?
<div class="choice">
            <input type="radio" value="Рестораны/кафе" id="restaurant" v-model="position">
            <label for="restaurant">Рестораны/кафе</label>
            <input type="text" v-model="choice_numb_1">
        </div>
        <div class="choice_2">
            <input type="radio" value="Фастфуд" id="fastfood" v-model="position">
            <label for="fastfood">Фастфуд</label>
            <input type="text" v-model="choice_numb_2">
        </div>

5ca4746c4b6f0308602250.png
  • Вопрос задан
  • 88 просмотров
Решения вопроса 2
Fragster
@Fragster
помогло? отметь решением!
<input type="text" v-model="choice_numb_1" :disabled="position !== 'Рестораны/кафе'">
Ответ написан
Комментировать
0xD34F
@0xD34F Куратор тега Vue.js
data: () => ({
  selected: null,
  items: [
    { title:  'hello, world!!', value: '' },
    { title:  'fuck the world', value: '' },
    { title: 'fuck everything', value: '' },
  ],
}),

<div v-for="n in items">
  <label>
    <input type="radio" :value="n.title" v-model="selected">
    {{ n.title }}
  </label>
  <input type="text" v-model="n.value" :disabled="selected !== n.title">
</div>
Ответ написан
Комментировать
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы