BS2 Toggle Input

Toggle value of input

by TheOrdinaryGeek

HTML

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/2.0.4/css/bootstrap.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/2.0.4/css/bootstrap-responsive.css">
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
<script src="https://rawgit.com/eu81273/jsfiddle-console/master/console.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/2.0.4/bootstrap.min.js"></script>
<script src="http://bootstrapdocs.com/v2.0.4/docs/assets/js/bootstrap-button.js"></script>
<link rel="stylesheet" href="https://gitcdn.github.io/bootstrap-toggle/2.2.2/css/bootstrap2-toggle.min.css">
<script src="https://gitcdn.github.io/bootstrap-toggle/2.2.2/js/bootstrap-toggle.min.js"></script>
<br>

<div class="controls">
  <div class="input-append">
    <input type="checkbox" value='1' name="test" id="test"><input type="text" name="name" id="name" value="123.123.123.123">
  </div>
</div>

JavaScript

$(function() {
      $('#test').bootstrapToggle({
        on: 'Amended Value',
        off: 'Default Value',
        onstyle: 'danger',
        height: 'null'
      });
      $('#test').change(function() {
        if ($(this).prop('checked') == true) {
          $('#name').val('');
        }
        if ($(this).prop('checked') == false) {
          $('#name').val('another value');
        }

      });
    })