Question

Screenshot我想使用if和else语句禁用我的按钮。如果输入文本上有值＆＃34; Tidak Diluluskan＆＃34;按钮禁用其他文本＆＃34;散文＆＃34;按钮启用。在这里我的简单代码..希望有人可以帮我解决这个问题。

＆＃13;

<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

＆＃13;

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

＆＃13;

Answer 1

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

在您的文本框中添加一个事件，假设以下代码段中包含 onblur 。

修改

添加修剪＆amp;小写。

$(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()。

Answer 2

禁用使用   $('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>

Answer 3

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

使用Jquery if和else函数禁用按钮

3 个答案: