当我使用 js 从选择输入中选择一个值时，如何更改复选框的值答案

【问题标题】：how can i change the value of checkbox when i select a value from select input with js当我使用 js 从选择输入中选择一个值时，如何更改复选框的值
【发布时间】：2020-10-03 10:25:52
【问题描述】：

我想知道，当我从选择输入中选择一个值时，如何更改复选框的值。

<input type="checkbox" name="id" value="" id="mycheckbox1">

<select name="cat-1" id="myselectbox1">
    <option value="">Choose</option>      
    <option value="100">Value1</option>
    <option value="200">Value2</option>       
</select>

【问题讨论】：

为什么要更改复选框的值？用例是什么？

标签： javascript jquery select checkbox

【解决方案1】：

你为什么想要？

无论如何：

window.addEventListener("load", function() { // on page load
  document.getElementById("myselectbox1").addEventListener("change", function() {
    document.getElementById("mycheckbox1").value = this.value;
  });
  document.getElementById("mycheckbox1").addEventListener("change", function() {
    console.log(this.value);
  });
});

<input type="checkbox" name="id" value="" id="mycheckbox1">

<select name="cat-1" id="myselectbox1">
  <option value="">Choose</option>
  <option value="100">Value1</option>
  <option value="200">Value2</option>
</select>

【讨论】：

另一个问题？
我问了新的，页面底部。如果你帮助我，我会很高兴

【解决方案2】：

function updateCheckbox() {
  var val = document.getElementById("myselectbox1").value;
  document.getElementById("mycheckbox1").checked = true;
  document.getElementById("mycheckbox1").value = val;
}

<input type="checkbox" name="id" value="" id="mycheckbox1">

<select onChange="updateCheckbox()" name="cat-1" id="myselectbox1">
  <option selected disabled>Choose</option>
  <option value="100">Value1</option>
  <option value="200">Value2</option>
</select>

【讨论】：

问题是关于更改复选框的值，而不是其 check 状态 - 这不是一回事 :)
对不起，我刚刚忽略了这个问题。我现在已经更新了答案。
不建议使用内联事件处理程序

【解决方案3】：

我可以再问一个问题

如果我还有一个 id cat-2 的选择输入，我更改了我的复选框值如何将 cat-2 的名称更改为 cat-1 的选定值

例如；如果我选择 value1（它的 value=100）我想将 cat-2 的名称更改为 cat-100

```
<input type="checkbox" name="id" value="" id="mycheckbox1">

<select name="cat-1" id="myselectbox1">
<option value="">Choose</option>      
<option value="100">Value1</option>
<option value="200">Value2</option>       
</select>

<select name="cat-2" id="myselectbox2">
<option value="">Choose</option>      
<option value="300">Value3</option>
<option value="400">Value4</option>       
</select>

```

【讨论】：

请不要使用答案提出更多问题
更改字段名称的原因是什么 - 这是非常不标准的
它是关于我的项目的，我必须得到那个价值
document.getElementById("myselectbox2").name = "c"+this.value; });
你能看吗？ stackoverflow.com/questions/62365008/…