检查选择了哪个单选选项，并根据该选项显示一个按钮

基础概念

在前端开发中，单选按钮（Radio Button）是一种用户界面元素，允许用户在多个选项中选择一个。每个单选按钮通常与一个标签相关联，用户可以通过点击标签或按钮来选择选项。

类型

单选按钮通常分为两种类型：

静态单选按钮：用户只能选择一个选项。
动态单选按钮：根据某些条件动态显示或隐藏选项。

应用场景

单选按钮广泛应用于各种表单和用户界面中，例如：

性别选择
选项筛选
设置偏好

示例代码

以下是一个使用HTML和JavaScript实现的单选按钮示例，根据选择的选项显示一个按钮：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Radio Button Example</title>
    <style>
        .hidden {
            display: none;
        }
    </style>
</head>
<body>
    <form>
        <label>
            <input type="radio" name="option" value="A" onclick="showButton()"> Option A
        </label>
        <br>
        <label>
            <input type="radio" name="option" value="B" onclick="showButton()"> Option B
        </label>
    </form>
    <button id="myButton" class="hidden">Click Me</button>

    <script>
        function showButton() {
            const button = document.getElementById('myButton');
            if (document.querySelector('input[name="option"]:checked').value === 'A') {
                button.classList.remove('hidden');
            } else {
                button.classList.add('hidden');
            }
        }
    </script>
</body>
</html>