Removendo masked input

by Yure Pereira

HTML

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.2/jquery.min.js"></script>
<script src="https://raw.githubusercontent.com/digitalBush/jquery.maskedinput/1.4.1/dist/jquery.maskedinput.min.js"></script>
<form>
  <label for="txt_cnpj">Tipo de pessoa:</label>
  <select name="slc_tipo_pessoa" id="slc_tipo_pessoa">
    <option value="-1"></option>
    <option value="0">Física</option>
    <option value="1">Jurídica</option>
  </select>
  <label id="lb_doc_pessoa" for="txt_doc_pessoa">
    <span>CPF ou CNPJ:</span>
    <input type="text" name="txt_doc_pessoa" id="txt_doc_pessoa">
  </label>
  
</form>

JavaScript

$(function() {

  var txtDocPessoa = $('#txt_doc_pessoa'),
  	lbDocPessoa = $('#lb_doc_pessoa'),
    mask = {
      CNPJ: '99.999.999/9999-99',
      CPF: '999.999.999-99',
    };

	lbDocPessoa.hide();

  $('#slc_tipo_pessoa').change(function() {

    if (this.value == 0) {
    
    	lbDocPessoa.fadeIn('slow')
      	.find('span')
        .text('CPF:');
      txtDocPessoa.mask(mask.CPF);
        
    } else if (this.value == 1) {
    
    	lbDocPessoa.fadeIn('slow')
      	.find('span')
        .text('CNPJ:');
      txtDocPessoa.mask(mask.CNPJ);
        
    } else {
    
    	lbDocPessoa.fadeOut('slow');
    	txtDocPessoa.unmask();
      //txtDocPessoa.unmask(mask.CPF);
      //txtDocPessoa.unmask(mask.CNPJ);
      
    }

  });

});