为什么其他textbox2的值不会在textbox1的更改时发生变化？ （初学者）

Question

我有两个文本框，当复选框被选中时，我希望textbox2的值与textbox1类似。

如果在textbox2

中写入内容时选中复选框，则textbox1的值应自动提升

＆＃13;

＆＃13;

function keep(){
	if(document.getElementById("cb").checked){
		document.getElementById("t2").value = document.getElementById("t1").value;
	}
}

＆＃13;

<input type="text" name="t1" id="t1" />
<input type="checkbox" id="cb" onchange = "keep()"/>
<input type="text" name="t2" id="t2" />

＆＃13;

＆＃13;

＆＃13;

Answer 1

根据您的复选框状态添加或删除事件：

function keep() {
  if (document.getElementById("cb").checked) {
    updateVal();
    document.getElementById("t1").addEventListener('keyup', updateVal);
  } else {
    document.getElementById("t1").removeEventListener('keyup', updateVal);
  }
}

function updateVal() {
  document.getElementById("t2").value = document.getElementById("t1").value;
}

<input type="text" name="t1" id="t1" />
<input type="checkbox" id="cb" onchange="keep()" />
<input type="text" name="t2" id="t2" />

Answer 2

试用此代码：

<input type="text" name="t1" id="t1" onkeypress="keep()" />
<input type="checkbox" id="cb"   />
<input type="text" name="t2" id="t2" />