价格取决于radio输入的选择

可以通过JavaScript来实现此功能。以下是一个示例代码：

HTML代码：

<label><input type="radio" name="options" value="option1">Option 1</label>
<label><input type="radio" name="options" value="option2">Option 2</label>
<label><input type="radio" name="options" value="option3">Option 3</label>
<p>Price: $<span id="price">0.00</span></p>

JavaScript代码：

// 定义每个选项的价格以及默认选项 
const priceList = {
  option1: 10.00,
  option2: 20.00,
  option3: 30.00
};

const defaultOption = 'option1';

// 获取radio的所有选项
const radioInputs = document.getElementsByName('options');

// 在页面加载时将默认选项的价格显示出来
document.getElementById('price').textContent = priceList[defaultOption].toFixed(2);

// 对每个radio选项添加点击事件监听器
for (let i = 0; i < radioInputs.length; i++) {
  radioInputs[i].addEventListener('click', function() {
    // 获取当前选项的value
    const selectedOption = this.value;
    // 更新价格
    const price = priceList[selectedOption];
    document.getElementById('price').textContent = price.toFixed(2);
  });
}

此代码将对radio按钮添加单击事件监听器。每次选择不同的选项时，价格都会更新。