Ich möchte Eingabetext deaktivieren, nachdem der Benutzer auf ein anderes Eingabe-Tag mit Kontrollkästchentyp geklickt hat,

Das Problem besteht darin, dass der Eingabetext für den Datumsbereich nicht jedes Mal deaktiviert wird, wenn ich auf das Kontrollkästchen klicke. Kann mir jemand helfen?

function myFunction() {
  document.getElementById("daterange").disabled = true;
}

<div class="item form-group">
  <label class="control-label col-md-3 col-sm-3 col-xs-12" for="email">Date <span class="required">*</span>
        </label>
  <div class="col-md-6 col-sm-6 col-xs-12">
    <input type="text" name="daterange" id="daterange" class="form-control date" placeholder="Choose multiple dates">
    <p style="color: white">
      <input type="checkbox" name="everyday" id="everyday" onclick="myFunction()" value="everyday" class="flat" /> Everyday
    </p>
  </div>
</div>

Herausgeber: Mir ist gerade aufgefallen, dass die Seite wie erwartet funktioniert, wenn sie nicht vollständig geladen ist. Wenn die Seite jedoch vollständig geladen ist, scheint es etwas zu geben, das die Funktion der Funktion verhindert