javascript - 选中时保持禁用输入字段禁用

Question

好的，伙计们，我的工作很好，但是我遇到了一个问题，假设用户提交表单时认为复选框字段保持选中状态，但禁用的输入字段 datepicker 不再被禁用。

这是我的代码

    if(isset($_POST['present'])){
    $checked = "checked";
    $rjobto1 ="Present";
    }else{
    $rjobto1 ="".$_POST['rjobto1']."";
    }

<script type="text/javascript" >  
     function disableMyText(){  
              if(document.getElementById("present").checked == true){  
                  document.getElementById("datepicker2").disabled = true;  
              }else{
                document.getElementById("datepicker2").disabled = false;
              }  
    }  
    </script> 

    <small><b><input type="checkbox" id="present" name="present" onClick="disableMyText()" <?php echo $checked;?>/> Presently Working</b></small>
    <input type="text" name="rjobto1" class="form-control input-lg datepicker" id="datepicker2" placeholder="To" value="<?php if(isset($error)){ echo $rjobto1; } ?>" tabindex="2" /> 

Answer 1

在页面加载时调用 JavaScript 函数：

function disableMyText(){  
                  if(document.getElementById("present").checked == true){  
                      document.getElementById("datepicker2").disabled = true;  
                  }else{
                    document.getElementById("datepicker2").disabled = false;
                  }  
        }
        disableMyText();

<small><b><input type="checkbox" id="present" name="present" onClick="disableMyText()" <?php echo $checked;?>/> Presently Working</b></small>
<input type="text" name="rjobto1" class="form-control input-lg datepicker" id="datepicker2" placeholder="To" value="<?php if(isset($error)){ echo $rjobto1; } ?>" tabindex="2" />

编辑：请注意将 JavaScript 放在表单的底部，否则会失败。所以首先是两个输入字段，然后是 JavaScript。