JSFiddle - React, Tailwind, and code Playground

by rubens junior

HTML

<div class="form-group" id="checkbox">
     
       <label class="checkbox"></label>
 <input type="checkbox" name="checkbox[]" value="clinico" >Clinico
  <input type="checkbox" name="checkbox[]" value="pediatria" >Pediatria
<input type="checkbox" name="checkbox[]" value="dermatologista">Dermatologista
       
      </div>

JavaScript

$('#checkbox').on('click', function() {
		  
	  $.ajax({
         type: "POST",
         url: "teste4.php",
      
	     data: {
			 
			checkbox:$($("#checkbox input")[0]).prop("checked")?$($("#checkbox input")[0]).val():'',
             
			profissional: $("#profissional").val()},
		 
         dataType: "json",
         success: function(json){
            var options = "";
            $.each(json, function(key, value){
               options += '<option value="' + key + '">' + value + '</option>';
            });
            $("#horarios").html(options);
         }
      });
   });