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';
   }
}

如果未选中复选框，则隐藏textarea

1 个答案: