如果选中了特定复选框，则强制使用文本框(复选框组)

基础概念

在用户界面设计中，复选框（Checkbox）是一种常见的表单元素，允许用户选择多个选项。文本框（Textbox）则用于输入单行或多行文本。当特定条件（如选中某个复选框）满足时，强制用户使用文本框，通常是为了收集额外的信息或进行特定的操作。

类型与应用场景

类型：这种交互模式通常应用于表单设计中，特别是在需要根据用户的选择动态调整表单内容的场景。
应用场景：
- 注册表单：例如，用户选择“我是企业用户”后，可能需要填写公司名称、营业执照等信息。
- 配置设置：在软件配置中，根据用户选择的模块动态显示相关设置选项。
- 调查问卷：根据用户的初步回答，展示更详细的后续问题。

示例代码

以下是一个简单的HTML和JavaScript示例，展示了如何在选中特定复选框时强制显示文本框：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Dynamic Form</title>
    <style>
        .hidden {
            display: none;
        }
    </style>
</head>
<body>
    <form>
        <label>
            <input type="checkbox" id="specialCheckbox"> 我是企业用户
        </label><br>
        <div id="additionalInfo" class="hidden">
            <label for="companyName">公司名称:</label>
            <input type="text" id="companyName" name="companyName"><br>
            <label for="licenseNumber">营业执照号码:</label>
            <input type="text" id="licenseNumber" name="licenseNumber">
        </div>
        <button type="submit">提交</button>
    </form>

    <script>
        document.getElementById('specialCheckbox').addEventListener('change', function() {
            var additionalInfo = document.getElementById('additionalInfo');
            if (this.checked) {
                additionalInfo.classList.remove('hidden');
            } else {
                additionalInfo.classList.add('hidden');
            }
        });
    </script>
</body>
</html>