Comment enregistrer des données à partir de boutons radio et de champs de saisie générés dynamiquement dans une base de données MySQL

Je le ferais un peu différemment.

L'attribut id attaché à vos entrées de formulaire n'a pas vraiment d'importance lorsque vous soumettez un formulaire, ce qui compte est l'attribut name car c'est ce qui est soumis avec sa valeur correspondante.

La façon dont vous nommez vos entrées peut vous être utile côté serveur lorsque vous devez récupérer les valeurs. En PHP, lorsque vous soumettez des entrées avec la notation de tableau, vous pouvez les récupérer sous forme de tableau ou de tableau multidimensionnel comme nous allons le faire.

Attribuez un attribut name commun à chaque entrée e.q. qs. Reliez-les en ajoutant [index][field]. Par exemple, qs[0][question] est le texte de la première question, qs[0][alt][0] est la première alternative de la première question, qs[2][answer] est la réponse à la troisième question.

JS

// use document.ready not window.onload
$(function() {
    var name = 0; // start questions with index 0

    $("body").on('click', '#radioAddQuestion', function () {
        $(".dynamicform").append(createQuestion(name++)); // shorter
    });

    $(".dynamicform").append(createQuestion(name++));

    function createQuestion(name){
        // replace id with name attributes
        var dynamic=`<span class="module">
                        <legend class="col-form-legend col-sm-10"></legend>
                        <div class="input-group input-group">
                            <label id="wQuestionLabel" class="form-control-label" style="width: 540px;" for="wQuestion">Question:</label>
                        </div>
                        <div class="form-group row">
                            <div class="input-group input-group">
                                <input type="text" class="form-control" aria-label="" name="${"qs[" + name + "][question]"}" style="width: 540px;">
                            </div>
                        </div>
                        <div class="form-group row">
                            <div class="input-group input-group">
                                <label id="questionOptions" class="form-control-label" style="width: 540px;"
                                       for="wQuestion">Enter
                                    avaible options:</label>
                            </div>
                        </div>
                         <!-- The radiobuttons and option inputfields that needs ID's-->

                        <div class="form-group row">
                            <div class="input-group input-group">
                                <span class="input-group-addon">
                                    <input type="radio" value="0" name="${"qs[" + name + "][answer]"}" aria-label="">
                                </span>
                                <input type="text" name="${"qs[" + name + "][alt][0]"}" class="form-control" aria-label="" style="width: 540px;">
                            </div>
                        </div>

                        <div class="form-group row">
                            <div class="input-group input-group">
                                <span class="input-group-addon">
                                    <input type="radio" value="1" name="${"qs[" + name + "][answer]"}" aria-label="">
                                </span>
                                <input type="text" name="${"qs[" + name + "][alt][1]"}" class="form-control" aria-label="" style="width: 540px;">
                            </div>
                        </div>

                        <div class="form-group row">
                            <div class="input-group input-group">
                                <span class="input-group-addon">
                                    <input type="radio" value="2" name="${"qs[" + name + "][answer]"}" aria-label="">
                                </span>
                                <input type="text" name="${"qs[" + name + "][alt][2]"}" class="form-control" aria-label="" style="width: 540px;">
                            </div>
                        </div>
                        <div class="form-group row">
                            <div class="input-group input-group">
                                <span class="input-group-addon">
                                    <input type="radio" value="3" name="${"qs[" + name + "][answer]"}" aria-label="">
                                </span>
                                <input type="text" name="${"qs[" + name + "][alt][3]"}" class="form-control" aria-label="" style="width: 540px;">
                            </div>
                        </div>
                    </span>
                    `;
        return dynamic;
    }
});

PHP (exemple)

if ($_SERVER['REQUEST_METHOD'] === 'POST') {
    $qs = !empty($_POST['qs']) ? $_POST['qs'] : [];
    // loop through questions
    foreach ($qs as $i => $q) {
        $question = $q['question'];
        $alts = $q['alt'];
        // radio buttons do not get submitted if they are not selected
        $answer = isset($q['answer']) ? $q['answer'] : null;

        printf('Question %d: %s<br>', $i + 1, $question);

        // loop through question's alternatives
        foreach ($alts as $j => $alt) {
            printf('Alternative %d: %s<br>', $j + 1, $alt); 
        }

        if (isset($alts[$answer])) {
            printf('Answer: %s<br>', $alts[$answer]);
        }
    }

    //echo '<pre>' . print_r($_POST, true) . '</pre>';
}

Vous devez également inclure une valeur pour chaque bouton radio.

En ce moment, votre code ressemble à ceci:

<input type="radio" name="onlinerg1" id="onlineQ1O1" aria-label="">

Devrait également inclure Value=1 à Value=4 afin que vous puissiez faire la différence entre chaque option et enregistrer le texte de l'option dans le bon ordre.