选中时禁用输入字段



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

这是我的代码

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

在页面加载时调用 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。

最新更新