选中复选框时填充文本框

【问题标题】：Populate text box when checkbox is checked选中复选框时填充文本框
【发布时间】：2022-01-02 05:16:10
【问题描述】：

我有一个带有网站文本字段和多个 (5-6) 复选框的表单。我需要根据选中的复选框将特定文本填充到网站字段中。enter image description here

【问题讨论】：

您可以拥有数据集属性，其中包含您希望填充到显示元素的 textContent 或 value 部分的值。然后使用 e.targets 数据集属性来填充该信息。我会在您迄今为止尝试过的问题中添加任何代码。
我是在 PDF 文档/表单中使用 java 脚本的初学者。我已经搜索了互联网并尝试了很多。我想我在我的头上。真是教不了老狗新把戏，哈哈哈。

【解决方案1】：

您可能可以使用事件侦听器来做到这一点，获取复选框输入的名称并将其注入您的网站输入。

这是一个只有一个复选框的示例

const mc_checkbox = document.getElementById("checkbox_mc");

mc_checkbox.addEventListener("click", function () {
  if(mc_checkbox.checked){
    document.getElementById("input_website").value = mc_checkbox.name;
  }
  else{
    document.getElementById("input_website").value = '';
  }
});

<div>
  <label>Website</label>
  <input type="text"id="input_website" />
</div>
<div>
  <input type="checkbox" id="checkbox_mc" name="MC" />
  <label>MC</label>
</div>

【讨论】：