Insert into different tables based on checkbox id

[shruti]

I am working on Laravel, where I am using Full Calendar. I have created modal that contains checkboxes and texbox. On click of one checbox the textbox appears and on click of another checkbox the other one appears. Now I want to save these data based on the checked checkbox’s data using single submit button.

                    <div id="createEventModal" class="modal fade">
<div class="modal-dialog">
    <div class="modal-content">
        <div class="modal-header">
            <button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">&times;</span> <span class="sr-only">close</span></button>
            <h4>Add an Event</h4>
        </div>
        <div id="modalBody" class="modal-body">
           <div class="form-group">
                <input class="form-control" type="text" placeholder="Event Name" id="eventName">
            </div>

            <!-- <div class="form-group form-inline">
                <div class="input-group date" data-provide="datepicker">
                    <input type="text" id="eventDueDate" class="form-control" placeholder="Due Date mm/dd/yyyy">
                    <div class="input-group-addon">
                        <span class="glyphicon glyphicon-calendar"></span>
                    </div>
                </div>
            </div> -->

            <!-- <div class="form-group">
                <textarea class="form-control" type="text" rows="4" placeholder="Event Description" id= "eventDescription"></textarea>
            </div> -->
        </div>

Are you Planning for Leave?

---

Leave Id:

                <div class="form-group form-inline">
                <div class="input-group date" data-provide="datepicker">
                    <input type="text" id="eventDueDate" class="form-control" placeholder="From Date mm/dd/yyyy">
                    <div class="input-group-addon">
                        <span class="glyphicon glyphicon-calendar"></span>
                    </div>
                </div>
                <div class="input-group date" data-provide="datepicker">
                    <input type="text" id="eventFromDate" class="form-control" placeholder="Due Date mm/dd/yyyy">
                    <div class="input-group-addon">
                        <span class="glyphicon glyphicon-calendar"></span>
                    </div>
                </div>
            </div>

Are you Planning for Trip?

---

Trip Id:

        <div class="modal-footer">
            <button class="btn" data-dismiss="modal" aria-hidden="true">Cancel</button>
            <button type="submit" class="btn btn-primary" id="submitButton" onclick="doSubmit();">Save</button>
        </div>
    </div>
</div>

[shruti]

function doSubmit(){
$("#createEventModal").modal('hide');
console.log($('#eventName').val());
console.log($('#eventDueDate').val());
console.log($('#eventFromDate').val());
console.log($('#txtPassportNumber').val());

alert("form submitted");
    
$("#calendar").fullCalendar('renderEvent',
    {
        title: $('#eventName').val(),
        start: $('#eventDueDate').val(),
        end: $('#eventFromDate').val(),
        allDay: $('#txtPassportNumber'),
    },
    true);

}

[chorn]

There’s no PHP nor SQL. Just do it:

if(xy) insert into table 1
else insert into table2