两个RAIDIOBUTTON代码

以下是两个RAIDIOBUTTON的代码示例，一个使用HTML和JavaScript，另一个使用React：

HTML和JavaScript：

<label>
  <input type="radio" name="myRadio" value="option1" checked>
  Option 1
</label>
<label>
  <input type="radio" name="myRadio" value="option2">
  Option 2
</label>

<script>
  const radioButtons = document.querySelectorAll('input[name="myRadio"]');
  radioButtons.forEach(radioButton => {
    radioButton.addEventListener('change', () => {
      console.log(`Selected option: ${radioButton.value}`);
    });
  });
</script>

React：

import React, { useState } from 'react';

function RadioButtons() {
  const [selectedOption, setSelectedOption] = useState('option1');

  const handleOptionChange = event => {
    setSelectedOption(event.target.value);
    console.log(`Selected option: ${event.target.value}`);
  };

  return (
    <div>
      <label>
        <input type="radio" name="myRadio" value="option1" checked={selectedOption === 'option1'} onChange={handleOptionChange} />
        Option 1
      </label>
      <label>
        <input type="radio" name="myRadio" value="option2" checked={selectedOption === 'option2'} onChange={handleOptionChange} />
        Option 2
      </label>
    </div>
  );
}