如何从循环的单选按钮获取数据

// 假设每个单选按钮有相同的 class 名称 "radio-btn"
var radioButtons = document.getElementsByClassName("radio-btn");

for (var i = 0; i < radioButtons.length; i++) {
  if (radioButtons[i].checked) {
    var selectedValue = radioButtons[i].value;
    // 处理选中值的逻辑
    break; // 如果只需要获取一个选中值，可使用 break 结束循环
  }
}

// 假设每个单选按钮有相同的 class 名称 "radio-btn"
$(".radio-btn").each(function() {
  if ($(this).is(":checked")) {
    var selectedValue = $(this).val();
    // 处理选中值的逻辑
    return false; // 如果只需要获取一个选中值，可使用 return false 结束循环
  }
});

<template>
  <div>
    <label v-for="option in options" :key="option.value">
      <input type="radio" v-model="selectedValue" :value="option.value">
      {{ option.label }}
    </label>
    <p>选中的值为：{{ selectedValue }}</p>
  </div>
</template>

<script>
export default {
  data() {
    return {
      options: [
        { label: "选项1", value: "option1" },
        { label: "选项2", value: "option2" },
        { label: "选项3", value: "option3" }
      ],
      selectedValue: ""
    };
  }
};
</script>