2016-01-20 29 views
-2

我有兩個文本框,我希望textbox2的值與textbox1一樣,當選中該複選框時。爲什麼其他textbox2的值不會改變textbox1的變化? (初學者)

textbox2值應automaticaly uptaded如果當你寫在textbox1

function keep(){ 
 
\t if(document.getElementById("cb").checked){ 
 
\t \t document.getElementById("t2").value = document.getElementById("t1").value; 
 
\t } 
 
}
<input type="text" name="t1" id="t1" /> 
 
<input type="checkbox" id="cb" onchange = "keep()"/> 
 
<input type="text" name="t2" id="t2" />

+0

它的正常工作,似乎都沒有 – Apb

+0

問題,我想T2的值等於T1的價值。當複選框被選中.. – Nevermore

+0

如果它會一直努力。我不會在第一時間發佈這個問題。警報框僅用於顯示警報正在工作..我希望t2的值等於t1的值..當複選框被選中時 – Nevermore

回答

2

添加或根據您的複選框狀態刪除事件:

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" />

0

東西複選框被選中試用此代碼:

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