javascript - 选中复选框时如何禁用文本框并使用纯JavaScript清除值

我连续有一个复选框和一个输入文本。我希望当用户选中复选框以使文本可用并清除其值时。

我尝试了一个但没有尝试：
怎么了？

HTML：

  <span style="width: 200px;font-size: 80%;"><input id="chkSendSummary" type="checkbox" name="ctl03$ctl00$ctl00$chkSendSummary" onclick="checkSendSummaryLetter();"></span>
<input name="ctl03$ctl00$ctl00$txtSendSummary" type="text" id="txtSendSummary" class="NormalTextBox" style="width: 170px;">

  var chkSendSummaryLetter=document.getElementById('chkSendSummary');
    var txtSendSummaryLetter=document.getElementById('txtSendSummary');
            if (chkSendSummaryLetter.checked) {
                txtSendSummaryLetter.enabled = true;
            } else {
                txtSendSummaryLetter.value = "";
                txtSendSummaryLetter.enabled = false;

            }

最佳答案

您已经创建了一个自定义属性enabled，它对DOM没有影响。使用disabled代替：

if (chkSendSummaryLetter.checked) {
    txtSendSummaryLetter.disabled = false;
} else {
    txtSendSummaryLetter.value = "";
    txtSendSummaryLetter.disabled = true;
}

关于javascript - 选中复选框时如何禁用文本框并使用纯JavaScript清除值，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/26298868/