当输入设置为选中时，使用javascript添加CSS元素

当输入设置为选中时，使用JavaScript添加CSS元素可以通过以下步骤实现：

1. 首先，使用JavaScript获取到需要设置的输入元素。可以使用document.getElementById()方法通过元素的ID获取到该元素，或者使用其他选择器方法获取到元素。
2. 接下来，使用JavaScript添加一个事件监听器，监听输入元素的状态变化。可以使用addEventListener()方法来添加事件监听器，监听change事件或者click事件，这取决于具体的需求。
3. 在事件监听器中，编写JavaScript代码来处理输入元素状态变化时的逻辑。当输入元素被选中时，可以使用classList.add()方法来添加CSS类，或者直接修改元素的style属性来添加CSS样式。

以下是一个示例代码：

// 获取输入元素
var inputElement = document.getElementById("inputId");

// 添加事件监听器
inputElement.addEventListener("change", function() {
  // 当输入元素状态变化时的逻辑
  if (inputElement.checked) {
    // 当输入元素被选中时的处理
    // 添加CSS类
    inputElement.classList.add("selected");
    // 或者直接修改样式
    // inputElement.style.backgroundColor = "red";
  } else {
    // 当输入元素未选中时的处理
    // 移除CSS类
    inputElement.classList.remove("selected");
    // 或者恢复默认样式
    // inputElement.style.backgroundColor = "";
  }
});

在上述示例代码中，我们假设输入元素的ID为"inputId"，当输入元素的状态变化时，如果被选中，就会添加一个名为"selected"的CSS类，可以通过CSS样式表来定义该类的样式。

请注意，这只是一个简单的示例，实际应用中可能需要根据具体需求进行适当的修改和扩展。

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

• 腾讯云云服务器（CVM）：提供弹性计算能力，满足各种业务需求。详情请参考：腾讯云云服务器（CVM）
• 腾讯云云函数（SCF）：无服务器计算服务，帮助开发者更轻松地构建和管理应用程序。详情请参考：腾讯云云函数（SCF）
• 腾讯云对象存储（COS）：提供安全、稳定、低成本的云端存储服务。详情请参考：腾讯云对象存储（COS）
• 腾讯云人工智能（AI）：提供丰富的人工智能服务，包括图像识别、语音识别、自然语言处理等。详情请参考：腾讯云人工智能（AI）
• 腾讯云物联网（IoT）：提供全面的物联网解决方案，帮助连接和管理物联网设备。详情请参考：腾讯云物联网（IoT）
• 腾讯云区块链（BCS）：提供高性能、可扩展的区块链服务，支持企业级应用场景。详情请参考：腾讯云区块链（BCS）
• 腾讯云视频处理（VOD）：提供全面的视频处理服务，包括转码、截图、水印等功能。详情请参考：腾讯云视频处理（VOD）
• 腾讯云音视频通信（TRTC）：提供高品质、低延迟的实时音视频通信服务，支持多种场景。详情请参考：腾讯云音视频通信（TRTC）
• 腾讯云数据库（TencentDB）：提供多种类型的数据库服务，包括关系型数据库、NoSQL数据库等。详情请参考：腾讯云数据库（TencentDB）

请注意，以上推荐的腾讯云产品仅供参考，具体选择和使用需根据实际需求进行评估和决策。