Как узнать какой елемент input type="radio" checked-нутый?

Question

[Alianos]

Здравствуйте, скажите пожалуйста как я могу узнать какой елемент из input type="radio" checked-нутый. Есть ли для етого нативные методы а не перебор. Есть ли смысл хранить какой елемент checked-нутый в переменной?

Comments

[Алексей Уколов]

Как вы планируете использовать эту информацию? Если у вас приложение на Vue, то что мешает просто добавить обработчик изменения на элемент и в нём уже реализовывать нужную логику?

[Alianos]

Алексей Уколов, Я пытаюсь реализовать language-dropdown, особенность в том что я использую label c input type="radio" для обозначения выбраной опции. События у меня на mouseDown и Enter. Также у меня события на стрелочка вверх и стрелочка вниз. И мне нужно знать какой елемент checked-нутий чтоб использовать nextElementSibling/previousElementSibling и стирать checked-нутость при закрытии select-a
Сначала я решыл использовать input type="radio" для легкого доступа к псевдоклассу checked но теперь не уверен что ето была хорошая идея((

Answer 1

[Сергей Левченко]

Вы делаете какую-то хрень судя по вашему описанию, зачем использовать радиобаттоны для реализации выпадающего списка? Вам стоит почитать документацию по Vue. Но я отвечу на вопрос о том как узнать какой радиобаттон чекнут:

<template>
  <div class="example">
    <input type="radio" value="Один" v-model="radioValue">
    <label>Один</label>
    <br>
    <input type="radio" value="Два" v-model="radioValue">
    <label>Два</label>
    <br>
    Выбрано: {{ radioValue }}
    <br>
    <button @click="uncheckRadio">Сбросить значение</button>
  </div>
</template>
<script>
export default {
  name: 'example',
  data() {
    return {
      radioValue: '',
    };
  },
  methods: {
    uncheckRadio() {
      this.radioValue = '';
    },
  },
  watch: {
    radioValue(value) {
      console.log(value); // какая-то логика при изменении значения
    },
  },
};
</script>

Comments

[Alianos]

Спасибо, могу я унать пожалуйста какой метод правильный для выпадающего списка
Есле вы об v-for то я не знаю где правильно сохранять svg, Судя по всему мне прийдетсяделать массив svg, тоесть чтото типа svgs: ['<svg>...</svg>', ...] но ето вить будет не удобно