ユーザーがテキストボックス内のテキストを削除したときにchecboxをオフにする方法はありますか？

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