仅当选中复选框时才获取文本字段的值

当选中复选框时才获取文本字段的值是一种前端开发中的交互操作，通常用于用户在表单中选择某个选项后，才获取相应文本字段的值。

实现这个功能可以通过以下步骤：

1. 在HTML中定义一个复选框和一个文本字段：<input type="checkbox" id="checkbox"> <input type="text" id="textfield" disabled>
2. 使用JavaScript监听复选框的状态变化，当复选框被选中时，启用文本字段；当复选框未被选中时，禁用文本字段：var checkbox = document.getElementById("checkbox"); var textfield = document.getElementById("textfield"); checkbox.addEventListener("change", function() { if (checkbox.checked) { textfield.disabled = false; } else { textfield.disabled = true; } });
3. 当复选框被选中时，获取文本字段的值：var checkbox = document.getElementById("checkbox"); var textfield = document.getElementById("textfield"); checkbox.addEventListener("change", function() { if (checkbox.checked) { var value = textfield.value; console.log(value); // 在控制台输出文本字段的值 } });

这样，当复选框被选中时，才会获取文本字段的值并进行相应的操作。这种交互操作常用于表单中的条件填写，例如只有在用户选择了某个选项后，才需要填写相关的详细信息。

腾讯云相关产品和产品介绍链接地址：

• 腾讯云主页：https://cloud.tencent.com/
• 云服务器（CVM）：https://cloud.tencent.com/product/cvm
• 云数据库 MySQL 版：https://cloud.tencent.com/product/cdb_mysql
• 云原生应用引擎（TKE）：https://cloud.tencent.com/product/tke
• 云存储（COS）：https://cloud.tencent.com/product/cos
• 人工智能（AI）：https://cloud.tencent.com/product/ai
• 物联网（IoT）：https://cloud.tencent.com/product/iotexplorer
• 移动开发（移动推送、移动分析）：https://cloud.tencent.com/product/mps
• 区块链（BCS）：https://cloud.tencent.com/product/bcs
• 元宇宙（Tencent XR）：https://cloud.tencent.com/product/xr