如果文本框已填充，如何自動取消選中復選框

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，這對我有用...