JSFiddle - React, Tailwind, and code Playground

by Yure Pereira

HTML

<div id="salgados" class="collapse">
  <div class="form-group">
    <div class="checkbox">
      <label>
        Atum com Requeijão
        <input type="number" class="form-control" name="check_salgados[]" placeholder="qtd" title="Atum com Requeijão">
      </label>
    </div>
  </div>
  <div class="form-group">
    <div class="checkbox">
      <label>
        Beringela
        <input type="number" class="form-control" name="check_salgados[]" placeholder="qtd" title=" Beringela">
      </label>
    </div>
  </div>
</div>

JavaScript

$(function() {

	var check_salgados = [];
	var name = [];      
	$('#salgados input').each(function() {
         
  	check_salgados.push($(this).val());
    name.push($(this).attr('title'));
    
	});

	var result = [];
  result.push(check_salgados);
  result.push(name);
    
	console.log(result);

});