在html中使用单选按钮添加价格

<input type="radio" name="price" value="10"> $10
<input type="radio" name="price" value="20"> $20
<input type="radio" name="price" value="30"> $30

<form>
  <input type="radio" name="price" value="10"> $10
  <input type="radio" name="price" value="20"> $20
  <input type="radio" name="price" value="30"> $30
  <input type="submit" value="Submit">
</form>

<script>
  document.querySelector('form').addEventListener('submit', function(event) {
    event.preventDefault(); // 阻止表单的默认提交行为
    var selectedPrice = document.querySelector('input[name="price"]:checked').value;
    console.log(selectedPrice); // 打印选中的价格值
    // 进行其他处理...
  });
</script>