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

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

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

编辑：您也可以使用 jQuery

Answer 4

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

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

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

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