使用Jquery if和else函数禁用按钮 - Disable button using Jquery if and else function

屏幕截图我想使用if and else语句禁用我的按钮。如果输入文本上的值"Tidak Diluluskan"按钮禁用其他文本"Proses"按钮启用。这是我的简单代码。。希望有人能帮我解决这个问题。

<script>
    $(document).ready( function () {
       if(textstatusmodal.value =="Tidak Diluluskan"){
        $('button:submit').attr("disabled", 'disabled');
         }else{
           if(textstatusmodal.value =="Proses"){
             $('button:submit').attr("enable", 'enable');
             }
           }
       }
    });
    // $(this).attr("disabled", "disabled");
    //$(this).removeAttr("disabled");//enable button again
</script

<form method="POST" action="<?php echo $editFormAction; ?>" name="form2" class="form-horizontal">
<fieldset>
 
<input id="textstatusmodal" name="textstatusmodals"  type="type" value="<?php echo $row_p_peribadi_kecemasan['status']; ?>"> 
<!-- Select Basic -->
<div class="form-group">
  <label class="col-md-4 control-label" for="selectbasic">Pilihan</label>
  <div class="col-md-5">
    <select id="selectbasic" name="selectbasic" required class="form-control">
      <option value="">Sila Pilih</option>
      <option value="Batal">Batal</option>
    </select>
  </div>
</div>
<!-- Textarea -->
<div class="form-group">
  <label class="col-md-4 control-label" for="textcatatan">Catatan</label>
  <div class="col-md-4">                     
    <textarea class="form-control" required id="textcatatan" name="textcatatan"></textarea>
  </div>
</div>
      </div>
      <div class="modal-footer">
        <button  id="button3" type="submit" onclick="return confirm('Batal Pegerakan Bagi No Permohonan:<?php echo $row_p_peribadi_kecemasan['nopermohonan']; ?>?')" class="btn btn-success">Kemaskini</button>
        <button id="button4" class="btn btn-info" data-dismiss="modal">Tutup</button>
      </div>
    </div><!-- /.modal-content -->
  </div><!-- /.modal-dialog -->
</div><!-- /.modal -->

代码中的textstatusmodal是什么？如果它是你的文本框的Id，那么使用JQuery，代码应该是这样的：

在您的文本框中添加一个事件，假设下面的代码段中有onblu

编辑

添加修剪&至小写

   $(document).ready(function() {
$('#textstatusmodal').blur(function () {
         if($(this).val().toLowerCase().trim() =="tidak diluluskan"){
                $('#button3').attr('disabled', 'disabled');
                 }else{
                   if($(this).val().toLowerCase().trim() =="proses"){
                     $('#button3').removeAttr('disabled');
                     }
                   }
}
    });

考虑在比较中添加Trim()和ToLowerCase()

$(document).ready(function() {
  var btn = document.getElementById("button3");
  if (textstatusmodal.value == "Tidak Diluluskan") {
    btn.disabled=true;
  } else {
    if(textstatusmodal.value == "Proses") {
      btn.disabled=false;
    }
  }
});

禁用使用$('button:submit').prop('disabled', true);

启用使用$('button:submit').prop('disabled', false);

检查下面的代码段。

function changeState(n){
  var st = $(n).html().trim()=='Enable';
  if(st){
    $(n).html('Disable');
    $('#button3').prop('disabled',false);
  }else{
    $(n).html('Enable');
    $('#button3').prop('disabled',true);
  }
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<button onclick="changeState(this);">Disable</button>
<div class="modal-footer">
  <button  id="button3" type="submit" class="btn btn-success">Kemaskini</button>
  <button id="button4" class="btn btn-info" data-dismiss="modal">Tutup</button>
</div>