如何在选中复选框时启用/禁用输入文本框？

在前端开发中，可以通过JavaScript来实现在选中复选框时启用/禁用输入文本框的功能。具体的实现步骤如下：

1. 首先，在HTML中定义一个复选框和一个输入文本框，并给它们分别设置一个唯一的id属性，用于在JavaScript中获取和操作它们。

<input type="checkbox" id="checkbox" onchange="toggleTextBox()">
<input type="text" id="textbox" disabled>

1. 接下来，在JavaScript中编写一个函数来处理复选框的状态变化事件。该函数会根据复选框的选中状态来启用/禁用输入文本框。

function toggleTextBox() {
  var checkbox = document.getElementById("checkbox");
  var textbox = document.getElementById("textbox");

  if (checkbox.checked) {
    textbox.disabled = false; // 启用输入文本框
  } else {
    textbox.disabled = true; // 禁用输入文本框
  }
}

1. 最后，将该函数与复选框的onchange事件关联起来，当复选框的状态发生变化时，会触发toggleTextBox函数。

通过以上步骤，就可以实现在选中复选框时启用/禁用输入文本框的功能。这在表单中经常用于控制某些输入字段的可编辑性，以提供更好的用户交互体验。

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

• 腾讯云前端开发相关产品：云开发
• 腾讯云后端开发相关产品：云函数
• 腾讯云数据库相关产品：云数据库 MySQL 版
• 腾讯云服务器运维相关产品：云服务器 CVM
• 腾讯云云原生相关产品：容器服务 TKE
• 腾讯云网络通信相关产品：私有网络 VPC
• 腾讯云网络安全相关产品：Web 应用防火墙 WAF
• 腾讯云音视频相关产品：实时音视频 TRTC
• 腾讯云多媒体处理相关产品：云点播 VOD
• 腾讯云人工智能相关产品：人工智能
• 腾讯云物联网相关产品：物联网开发平台 IoT Explorer
• 腾讯云移动开发相关产品：移动推送 TPNS
• 腾讯云存储相关产品：对象存储 COS
• 腾讯云区块链相关产品：区块链服务 BaaS
• 腾讯云元宇宙相关产品：腾讯云元宇宙解决方案