체크 상자가 선택되어 있지 않은 경우 텍스트 영역을 숨기기

Question

그래서 확인란을 선택하지 않으면 텍스트 상자를 숨기는 방법을 알아야합니다. 확인란과 텍스트 상자를 표시하는 함수를 호출합니다. 그래서 물건을 사용하지 마십시오. 따라서 텍스트 상자를 숨길 수있는 방법에 대한 제안은 매우 유용 할 것입니다. 그리고 코드는 다음과 같습니다.

//this is the check box 
var nodeTr = document.createElement("tr"); 
var td_tekst = document.createElement("td"); 
var td = document.createElement("td"); 
var echeckbox = document.createElement("input"); 
echeckbox.type="checkbox"; 
echeckbox.name = "//funktsioonide hindamine/funktsioon[" + count + "]/nagemine/vahend_0106"; 
td.appendChild(echeckbox); 
td.innerHTML+="Prillid või kontaktläätsed "; 

//and this is the text box 
var input = document.createElement("textarea"); 
input.value = getAbivahendTekst(rowData.vahendid,"01.06"); 
input.className = "txt_left"; 
input.name = "//funktsioonide hindamine/funktsioon[" + count + "]/nagemine/vahend_0106/tekst"; 
input.style.width = "100px"; 
input.style.fontSize = "9pt"; 
var nodePrillid = input; 
addChangeListener(input); 
td.appendChild(input);nodeTr.appendChild(td_tekst); 
nodeTr.appendChild(td); 
evaluationContainer.appendChild(nodeTr); 

Answer 1

매우 간단한 if 문구 체크 박스 상태를 사용할 수 있습니다. 그런 다음 입력에 visibility CSS 규칙을 설정하여 요소를 숨길 수 있습니다.

var cb = document.getElementById('CHECKBOX_ID'); // put your id's here 
var tb = document.getElementById('TEXTBOX_ID'); 

cb.onchange = function() { // listen for event change 
    if(!cb.checked) { // check state 
     tb.style.visibility = 'hidden'; 
    } 
    else { 
     tb.style.visibility = 'visible'; 
    } 
}