如果文本框已填充，如何自动取消选中复选框

Question

我已将复选框设为默认复选框。 如果填写了某些文本字段，如何自动取消选中该复选框。 我正在考虑使用JavaScript。

---

我尝试使用这个

<input type="text" name="commentID" id="commentID" onkeyup="userTyped('skipID', this)"/>
<input type="checkbox" name="skipID" value="N" id="skipID" checked="checked"  />

和JavaScript

function userTyped(commen, e){
if(e.value.length > 0){
    document.getElementById(commen).checked=false;
}else{
    document.getElementById(commen).checked=true;
}}​

它有效，但是如果我有3个文本字段，并且我希望仅在所有文本字段都填满后才填写复选框。

Answer 1

只要这样做：

<input type="checkbox" id="someid" checked="checked"/>

<textarea onchange="if (this.value != '') document.getElementById('someid').checked = false;"></textarea>

Answer 2

 if(document.getElementById('yourtextBox').value!=' ')
 {
    document.getElementById('checbox').checked=false;
 } 

Answer 3

请尝试以下代码。 在此代码中，每次在文本字段中键入字符时，都会调用该函数，并且文本字段值的长度不为零，将取消选中复选框，并且在清除文本字段时将选中该复选框

//Function get called when you type each letter
function OnChangeTextField(){
    //getting the length of your textbox
    var myLength = $("#myTextbox").val().length;
    if(myLength > 0){
        $("#myCheckbox").attr("checked", false);
    }else{
           $("#myCheckbox").attr("checked", true);
        }

}


<input type = "text" id = "myTextbox" onkeyup= "OnChangeTextField();"/>
<input type="checkbox" id = "myCheckbox" value = "true" checked = "checked"/>

Answer 4

$("#comment").on("keyup blur", function () {
    $("#box").prop("checked", this.value == "");
});

编辑：您也可以使用jQuery

Answer 5

 $("#comment").on("keyup blur", function() {
    $("#box").prop("checked", this.value == "");
});

试试jQuery，这对我有用...