JSFiddle - React, Tailwind, and code Playground

by Bahman ParsaManesh

HTML

<form action="" id="request">
        <input type="checkbox" value="add" id="checkbox_m">
        <input type="text" value="" id="m">
        <input type="checkbox" value="add" id="checkbox_n">
        <input type="text" value="" id="n">
        <button type="submit" id="button">Send</button>
    </form>

JavaScript

$("#request").on("submit", function(e){
		
    // here check if checkbox_m is checked push input m value to data
    // here check if checkbox_n is checked push input n value to data
    
        $.ajax({
          url: 'match_api.php',
          type: 'post',
          data: data,
          dataType: 'json',
          success: function(data) {
              console.log(data)
          }
        });
});