JSFiddle - React, Tailwind, and code Playground

HTML

<form name="checkboxes" action="" id="checkboxes">
    <span class="anchor">Fahrten</span>
    <ul class="items">
        <li><input id="checkbox1"  type="checkbox" name="zukuenftig" value="1">zuk&uuml;nftige Fahrten</li>
        <li><input id="checkbox2" type="checkbox" name="vergangen" value="2">vergangene Fahrten</li>
        <li><input id="checkbox3" type="checkbox" name="alle" value="3">alle Fahrten</li>
        <li><input type="button" value="Go" onclick="Weiter()"></li>
    </ul>

</form>

JavaScript

$(document).ready(function(){
$('#checkbox1').change(function(){ 
    if($(this).is(':checked')){
    alert('hello');
    $(document).bind('deviceready', function(){
        onDeviceReady();
    });
    function yourCallback(button) {
        if (button == 2) {
            dataRequest();
        }
    }
    function dataRequest() {
        var output = $('#output').text('Loading data...');
        $.ajax({
            url: 'exampleURL/connect_neu.php',
            dataType: 'jsonp',
            jsonp: 'jsoncallback',
            timeout: 5000,
            success: function(data, status){
                output.empty();
                $.each(data, function(i,item){

                var ort = '<table border="solid" width="30%" border-collapse="collapse">'+'<tr>'+'<td>'+item.abfahrt+'</td>'
                + '<td>'+item.rueckfahrt+'</td>'
                + '<td>'+item.StartOrt+'</td>'
                + '<td>'+item.Zielort+'</td>'+'</tr>'
                + '</table>';
                output.append(ort);
                });
            },
            error: function(){
                output.text('There was an error loading the data.');
                navigator.notification.confirm(
                    'Something went wrong. Would you like to retry?',
                    yourCallback,
                   'Error',
                    'No,Yes'
                );
            }
        });
    } 
    dataRequest();
    }
});
});