Можно ли заменить два radio одним с той же логикой, но в одном radio?

Question

[msdoc11]

Сейчас по нажатию выбирается только один input ( верхний ), можно ли как то заменить эти два инпута одним с таким же функционалом

Логика сейчас в том что при нажатии на label выбирается только один инпут, следовательно он вставляет ссылку на изображение в img, при этом второй input не выбирается и не вставляет имя изображения. Как исправить?

<label v-for="image in result.images" :key="image.imageId" class="p-1 flex color-b relative" :data-value="image.name">
         <input type="radio" v-model="result.profileImg" name="profileImg" :value="image.imgId" class="hidden">
         <input type="radio" v-model="result.profileName" name="profileName" :value="image.name" class="hidden" >
</label>

<img :src="result.profileImg" alt="" class="p-2 h-64 mx-auto">
<p id="name">{{result.profileName}}</p>

Comments

[WapSter]

Проверить код на валидность, и увидеть ошибку. В label не может быть 2 input. Я понимаю, что некоторые люди лезут от css пропуская js к фреймворкам, но пропуская html по моему в первые такое тут вижу.
И ещё вопрос уже по js зачем ты разделяешь объект image на имя и путь, просто от выбранного результата по индексу обратись к массиву и выведи нужные свойства объекта.

Answer 1

[WapSter]