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

我已将复选框设为默认复选框。如果某些文本字段已填充，如何自动取消选中复选框。我一直在考虑使用javascript

---

我试过用这个

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

但是，如果我有3个文本字段，并且我希望只有在所有文本字段都已填充后才能填充复选框，该如何操作呢。

只需执行以下操作：

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

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

---

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

//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"/>

//键入每个字母时调用函数
函数OnChangeTextField（）{
//获取文本框的长度
var myLength=$（“#myTextbox”）.val（）.length；
如果（我的长度>0）{
$（“#myCheckbox”）.attr（“checked”，false）；
}否则{
$（“#myCheckbox”）.attr（“checked”，true）；
}
}

---

除了@Josephdreamer的评论，.恶心。。。内联javascript。@Nile LOL，是的，我同意你的观点：P但这只是一个小例子。@Mickle Foretic如果我有3个不同的文本字段该怎么办。只有在所有三个文本字段都被填充之后，复选框才会被取消选中。如果我想取消选中复选框，那么就说在选中了三个文本字段之后。我尝试了这个方法，效果很好，但假设我希望只有在填充了3个文本字段后，复选框才会自动取消选中。您可以使用一个计数器变量，在离开每个文本字段后（在模糊事件中）检查文本字段的长度，如果文本字段包含任何值，您可以简单地增加计数器变量。当计数器变量达到3时，您可以使用代码取消选中复选框对不起，我不明白您在说什么@问题是这并不能回答问题。在这里，

focus

的复选框被取消选中，这适用于即使复选框中没有任何内容而不是等待它被填充。好的，我提出了一个新的解决方案。

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

//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"/>

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

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