如何从单选按钮获取值？

var radioBtns = document.getElementsByName('your_radio_name');
var selectedValue;
for (var i = 0; i < radioBtns.length; i++) {
    if (radioBtns[i].checked) {
        selectedValue = radioBtns[i].value;
        break;
    }
}
console.log(selectedValue);

var selectedValue = $('input[name=your_radio_name]:checked').val();
console.log(selectedValue);

import React, { useState } from 'react';

const YourComponent = () => {
  const [selectedValue, setSelectedValue] = useState('');

  const handleRadioChange = (event) => {
    setSelectedValue(event.target.value);
  };

  return (
    <div>
      <input type="radio" name="your_radio_name" value="option1" checked={selectedValue === 'option1'} onChange={handleRadioChange} />
      <input type="radio" name="your_radio_name" value="option2" checked={selectedValue === 'option2'} onChange={handleRadioChange} />
      <input type="radio" name="your_radio_name" value="option3" checked={selectedValue === 'option3'} onChange={handleRadioChange} />
    </div>
  );
};