javascript - ユーザーがテキストボックス内のテキストを削除したときにチェックボックスをオフにする方法は?

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