Vue3 中如何获取 a-checkbox 选中后 a-input 的值 - 使用 ref 解决

<template>
  <td class="col2">
    <a-checkbox v-model:checked="advice.one" />
    <span>监测血糖（空腹+三餐后2小时血糖，一周一次直到分娩）</span>
  </td>
  <td class="col2">
    <a-checkbox v-model:checked="advice.two" @change="handleCheckboxChange" />
    <span>监测血压，</span>
    <a-input v-model:value="day1Ref" style="width:100px;border-style: hidden;border-bottom: 1px solid #050505;" />
    <span>天一次，血压超过</span>
    <a-input v-model:value="bloodPressureRef" style="width:100px;border-style: hidden;border-bottom: 1px solid #050505;" />
    <span>mmgh或有头昏等症状复诊</span>
  </td>
</template>
<script setup>
import { ref } from 'vue';

const advice = ref({ one: false, two: false });
const day1Ref = ref('');
const bloodPressureRef = ref('');

const handleCheckboxChange = (value) => {
  if (value) {
    const day1Value = day1Ref.value;
    const bloodPressureValue = bloodPressureRef.value;
    // 在这里处理获取到的值
    console.log(day1Value, bloodPressureValue);
  }
};
</script>