当用户删除文本框中的文本时如何取消选中复选框？

Question

我有以下代码来在用户按任意键时检查复选框。但是，我的要求是当用户删除他在文本框中输入的文本时取消选中该复选框。请建议我该怎么做？

<input type="text" id="search" name="mysearch" 
onkeypress="enableCheckBox('search')"/>
<input type="checkBox" id="search_cb"
name="search_cb"/>

function enableCheckBox(id) {
        var myCheckbox = document.getElementById(id + "_cb");
        if(!myCheckbox.checked) {
            myCheckbox.checked = true;
        }
    }

Answer 1

function enableCheckBox(id) {
    var myCheckbox = document.getElementById(id + "_cb");
    if(!myCheckbox.checked && document.getElementById(id).value) {
        myCheckbox.checked = true;
    }else
        myCheckbox.checked = false;
}

您可能还想重命名该函数，因为它会检查自己是否键入了某些内容，但取消检查输入是否为空。

Answer 2

您可以尝试更改处理程序以检查文本输入中是否有任何文本。

function enableCheckBox(id) {
    var hasText = document.getElementById(id).value.length > 0;
    document.getElementById(id + "_cb").checked = hasText;
}