Skip to main content
removeu 2 caracteres do conteúdo
Fonte Link
Sergio
  • 135,1mil
  • 16
  • 201
  • 294

Podes criar uma array onde cada pergunta é um objeto com o formato

{
  pergunta: 'texto',
  alternativas: [
    'altern 1',
    'altern x'
  ]
}

Podes obter isso assim:

$("body").on('click', 'button[name="enviaProva"]', function(e) {
  e.preventDefault();
  const perguntas = $('textarea[name="quest[]"]').get().map(function(el) {
    const alternativas = $(el)
      .parent()
      .children('input[name="alternativa[]"]')
      .get()
      .map(function(input) {
        return input.value;
      });

    return {
      pergunta: thisel.value,
      alternativas: alternativas
    };
  });
  
  console.log(JSON.stringify(perguntas));

  $.ajax({
    type: 'POST',
    url: '/enviaProva.php',
    dataType: "json",
    data: perguntas,
    success: function(res) {
      console.log(res);
    }
  });
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<form action="" method="post">
  <li><textarea name="quest[]" placeholder="Digite seu texto aqui." required=""></textarea>
    <input type="text" id="quest1" name="alternativa[]" value="a)" required="">
    <input type="text" id="quest1" name="alternativa[]" value="b)" required=""></li>

  <li><textarea name="quest[]" placeholder="Digite seu texto aqui." required=""></textarea>
    <input type="text" id="quest2" name="alternativa[]" value="a)" required="">
    <input type="text" id="quest2" name="alternativa[]" value="b)" required="">
    <input type="text" id="quest2" name="alternativa[]" value="c)" required=""></li>
</form>
<button name="enviaProva">Enviar</button>

Podes criar uma array onde cada pergunta é um objeto com o formato

{
  pergunta: 'texto',
  alternativas: [
    'altern 1',
    'altern x'
  ]
}

Podes obter isso assim:

$("body").on('click', 'button[name="enviaProva"]', function(e) {
  e.preventDefault();
  const perguntas = $('textarea[name="quest[]"]').get().map(function(el) {
    const alternativas = $(el)
      .parent()
      .children('input[name="alternativa[]"]')
      .get()
      .map(function(input) {
        return input.value;
      });

    return {
      pergunta: this.value,
      alternativas: alternativas
    };
  });
  
  console.log(JSON.stringify(perguntas));

  $.ajax({
    type: 'POST',
    url: '/enviaProva.php',
    dataType: "json",
    data: perguntas,
    success: function(res) {
      console.log(res);
    }
  });
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<form action="" method="post">
  <li><textarea name="quest[]" placeholder="Digite seu texto aqui." required=""></textarea>
    <input type="text" id="quest1" name="alternativa[]" value="a)" required="">
    <input type="text" id="quest1" name="alternativa[]" value="b)" required=""></li>

  <li><textarea name="quest[]" placeholder="Digite seu texto aqui." required=""></textarea>
    <input type="text" id="quest2" name="alternativa[]" value="a)" required="">
    <input type="text" id="quest2" name="alternativa[]" value="b)" required="">
    <input type="text" id="quest2" name="alternativa[]" value="c)" required=""></li>
</form>
<button name="enviaProva">Enviar</button>

Podes criar uma array onde cada pergunta é um objeto com o formato

{
  pergunta: 'texto',
  alternativas: [
    'altern 1',
    'altern x'
  ]
}

Podes obter isso assim:

$("body").on('click', 'button[name="enviaProva"]', function(e) {
  e.preventDefault();
  const perguntas = $('textarea[name="quest[]"]').get().map(function(el) {
    const alternativas = $(el)
      .parent()
      .children('input[name="alternativa[]"]')
      .get()
      .map(function(input) {
        return input.value;
      });

    return {
      pergunta: el.value,
      alternativas: alternativas
    };
  });
  
  console.log(JSON.stringify(perguntas));

  $.ajax({
    type: 'POST',
    url: '/enviaProva.php',
    dataType: "json",
    data: perguntas,
    success: function(res) {
      console.log(res);
    }
  });
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<form action="" method="post">
  <li><textarea name="quest[]" placeholder="Digite seu texto aqui." required=""></textarea>
    <input type="text" id="quest1" name="alternativa[]" value="a)" required="">
    <input type="text" id="quest1" name="alternativa[]" value="b)" required=""></li>

  <li><textarea name="quest[]" placeholder="Digite seu texto aqui." required=""></textarea>
    <input type="text" id="quest2" name="alternativa[]" value="a)" required="">
    <input type="text" id="quest2" name="alternativa[]" value="b)" required="">
    <input type="text" id="quest2" name="alternativa[]" value="c)" required=""></li>
</form>
<button name="enviaProva">Enviar</button>

adicionou 202 caracteres ao conteúdo
Fonte Link
Sergio
  • 135,1mil
  • 16
  • 201
  • 294

Podes criar uma array onde cada pergunta é um objeto com o formato

{
  pergunta: 'texto',
  alternativas: [
    'altern 1',
    'altern x'
  ]
}

Podes obter isso assim:

$("body").on('click', 'button[name="enviaProva"]', function(e) {
  e.preventDefault();
  const perguntas = $('textarea[name="quest[]"]').get().map(function(el) {
    const alternativas = $(thisel)
      .parent()
      .children('input[name="alternativa[]"]')
      .get()
      .map(function(input) {
        return thisinput.value;
      });

    return {
      pergunta: this.value,
      alternativas: alternativas
    };
  });
  
  console.log(JSON.stringify(perguntas));

  $.ajax({
    type: 'POST',
    url: '/enviaProva.php',
    dataType: "json",
    data: perguntas,
    success: function(res) {
      console.log(res);
    }
  });
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<form action="" method="post">
  <li><textarea name="quest[]" placeholder="Digite seu texto aqui." required=""></textarea>
    <input type="text" id="quest1" name="alternativa[]" value="a)" required="">
    <input type="text" id="quest1" name="alternativa[]" value="b)" required=""></li>

  <li><textarea name="quest[]" placeholder="Digite seu texto aqui." required=""></textarea>
    <input type="text" id="quest2" name="alternativa[]" value="a)" required="">
    <input type="text" id="quest2" name="alternativa[]" value="b)" required="">
    <input type="text" id="quest2" name="alternativa[]" value="c)" required=""></li>
</form>
<button name="enviaProva">Enviar</button>

Podes criar uma array onde cada pergunta é um objeto com o formato

{
  pergunta: 'texto',
  alternativas: [
    'altern 1',
    'altern x'
  ]
}

Podes obter isso assim:

$("body").on('click', 'button[name="enviaProva"]', function(e) {
  e.preventDefault();
  const perguntas = $('textarea[name="quest[]"]').get().map(function() {
    const alternativas = $(this)
      .parent()
      .children('input[name="alternativa[]"]')
      .get()
      .map(function() {
        return this.value;
      });

    return {
      pergunta: this.value,
      alternativas: alternativas
    };
  });

  $.ajax({
    type: 'POST',
    url: '/enviaProva.php',
    dataType: "json",
    data: perguntas,
    success: function(res) {
      console.log(res);
    }
  });
});
<form action="" method="post">
  <li><textarea name="quest[]" placeholder="Digite seu texto aqui." required=""></textarea>
    <input type="text" id="quest1" name="alternativa[]" value="a)" required="">
    <input type="text" id="quest1" name="alternativa[]" value="b)" required=""></li>

  <li><textarea name="quest[]" placeholder="Digite seu texto aqui." required=""></textarea>
    <input type="text" id="quest2" name="alternativa[]" value="a)" required="">
    <input type="text" id="quest2" name="alternativa[]" value="b)" required="">
    <input type="text" id="quest2" name="alternativa[]" value="c)" required=""></li>
</form>

Podes criar uma array onde cada pergunta é um objeto com o formato

{
  pergunta: 'texto',
  alternativas: [
    'altern 1',
    'altern x'
  ]
}

Podes obter isso assim:

$("body").on('click', 'button[name="enviaProva"]', function(e) {
  e.preventDefault();
  const perguntas = $('textarea[name="quest[]"]').get().map(function(el) {
    const alternativas = $(el)
      .parent()
      .children('input[name="alternativa[]"]')
      .get()
      .map(function(input) {
        return input.value;
      });

    return {
      pergunta: this.value,
      alternativas: alternativas
    };
  });
  
  console.log(JSON.stringify(perguntas));

  $.ajax({
    type: 'POST',
    url: '/enviaProva.php',
    dataType: "json",
    data: perguntas,
    success: function(res) {
      console.log(res);
    }
  });
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<form action="" method="post">
  <li><textarea name="quest[]" placeholder="Digite seu texto aqui." required=""></textarea>
    <input type="text" id="quest1" name="alternativa[]" value="a)" required="">
    <input type="text" id="quest1" name="alternativa[]" value="b)" required=""></li>

  <li><textarea name="quest[]" placeholder="Digite seu texto aqui." required=""></textarea>
    <input type="text" id="quest2" name="alternativa[]" value="a)" required="">
    <input type="text" id="quest2" name="alternativa[]" value="b)" required="">
    <input type="text" id="quest2" name="alternativa[]" value="c)" required=""></li>
</form>
<button name="enviaProva">Enviar</button>

adicionou 1058 caracteres ao conteúdo
Fonte Link
Sergio
  • 135,1mil
  • 16
  • 201
  • 294

Podes criar uma array onde cada pergunta é um objeto com o formato

{
  pergunta: 'texto',
  alternativas: [
    'altern 1',
    'altern x'
  ]
}

Podes obter isso assim:

$("body").on('click', 'button[name="enviaProva"]', function(e) {
  e.preventDefault();
  const perguntas = $('textarea[name="quest[]"]').get().map(function() {
    const alternativas = $(this)
      .parent()
      .children('input[name="alternativa[]"]')
      .get()
      .map(function() {
        return this.value;
      });

    return {
      pergunta: this.value,
      alternativas: alternativas
    };
  });

  $.ajax({
    type: 'POST',
    url: '/enviaProva.php',
    dataType: "json",
    data: perguntas,
    success: function(res) {
      console.log(res);
    }
  });
});
<form action="" method="post">
  <li><textarea name="quest[]" placeholder="Digite seu texto aqui." required=""></textarea>
    <input type="text" id="quest1" name="alternativa[]" value="a)" required="">
    <input type="text" id="quest1" name="alternativa[]" value="b)" required=""></li>

  <li><textarea name="quest[]" placeholder="Digite seu texto aqui." required=""></textarea>
    <input type="text" id="quest2" name="alternativa[]" value="a)" required="">
    <input type="text" id="quest2" name="alternativa[]" value="b)" required="">
    <input type="text" id="quest2" name="alternativa[]" value="c)" required=""></li>
</form>

Podes criar uma array onde cada pergunta é um objeto com o formato

{
  pergunta: 'texto',
  alternativas: [
    'altern 1',
    'altern x'
  ]
}

Podes obter isso assim:

const perguntas = $('textarea[name="quest[]"]').get().map(function() {
  const alternativas = $(this)
    .parent()
    .children('input[name="alternativa[]"]')
    .get()
    .map(function() {
      return this.value;
    });

  return {
    pergunta: this.value,
    alternativas: alternativas
  };
});

Podes criar uma array onde cada pergunta é um objeto com o formato

{
  pergunta: 'texto',
  alternativas: [
    'altern 1',
    'altern x'
  ]
}

Podes obter isso assim:

$("body").on('click', 'button[name="enviaProva"]', function(e) {
  e.preventDefault();
  const perguntas = $('textarea[name="quest[]"]').get().map(function() {
    const alternativas = $(this)
      .parent()
      .children('input[name="alternativa[]"]')
      .get()
      .map(function() {
        return this.value;
      });

    return {
      pergunta: this.value,
      alternativas: alternativas
    };
  });

  $.ajax({
    type: 'POST',
    url: '/enviaProva.php',
    dataType: "json",
    data: perguntas,
    success: function(res) {
      console.log(res);
    }
  });
});
<form action="" method="post">
  <li><textarea name="quest[]" placeholder="Digite seu texto aqui." required=""></textarea>
    <input type="text" id="quest1" name="alternativa[]" value="a)" required="">
    <input type="text" id="quest1" name="alternativa[]" value="b)" required=""></li>

  <li><textarea name="quest[]" placeholder="Digite seu texto aqui." required=""></textarea>
    <input type="text" id="quest2" name="alternativa[]" value="a)" required="">
    <input type="text" id="quest2" name="alternativa[]" value="b)" required="">
    <input type="text" id="quest2" name="alternativa[]" value="c)" required=""></li>
</form>

Fonte Link
Sergio
  • 135,1mil
  • 16
  • 201
  • 294
Carregando