BS Toggle Input Class

by TheOrdinaryGeek

HTML

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.6/css/bootstrap.css">
<script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.6/js/bootstrap.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/2.2.0/jquery.js"></script>
<div class="input-group">
  <input type="text" name='ip' id="ip" class='form-control' value="1.2.3.4">
  <div class="input-group-btn">
    <button type="button" class="btn btn-default" id="ipclear">Not Applicable</button>
  </div>
</div>

JavaScript

$(document).ready(function() {
  var toggleText = $("#ip").val();

  $("#ipclear").click(function() {
      
    if ($("#ip").val() != 'N/A') {
      toggleText = $("#ip").val();
      
      $("#ip").val('N/A');
      $("#ip").prop("disabled", true);
		  $(this).removeClass('btn-default').addClass('btn-warning');
    } else{
      $("#ip").val(toggleText);
      $("#ip").prop("disabled", false);
		  $(this).removeClass('btn-warning').addClass('btn-default');
    }
  });

});