JSFiddle - React, Tailwind, and code Playground

HTML

<form action="" method="post">
        <input type="checkbox" name="erea" value="SSA" data-info="Salvador"> Salvador
        <br/>
        <input type="checkbox" name="erea" value="BRI" data-info="Brisas"> Brisas
        <br/>
        <input type="checkbox" name="erea" value="PTS" data-info="Pontes"> Pontes
        <br/>
        <input type="checkbox" name="erea" value="PTV" data-info="Porto Velho"> Porto Velho
        <br/>
        <input type="button" value="Avatarizar">
    </form>
    <div id="resultDiv">
    
    </div>

JavaScript

$(document).ready(function(){
  $('input[type=button]').bind('click',function(){

    var resultado = '';
 		$('input[type=checkbox]:checked').each(function() {
    	if(resultado!=''){resultado += "+";}
    	resultado += $(this).attr('data-info');
    });    
    
    $('#resultDiv').html('Resultado:' + resultado);
  
  });

});