我想在用户单击具有复选框类型的其他输入标记后禁用输入文本，

问题是每次我单击复选框时日期范围输入文本都不会禁用，有人可以帮忙吗？

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>

编辑： 我刚刚意识到，当页面未完全加载时，它可以按我的预期工作，但是如果页面完全加载，似乎有些东西使该功能无法工作