사용자가 텍스트 상자에서 텍스트를 삭제할 때 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; 
}