0

Gostaria de enviar os valores do checkbox, somente os selecionados para uma página usando o window.open():

<div class='checkbox'>
    <label><input type='checkbox' name='checkbox[]' value='Teste1'> Teste1</label>
<div>
<div class='checkbox'>
    <label><input type='checkbox' name='checkbox[]' value='Teste2'> Teste2</label>
<div>
<div class='checkbox'>
    <label><input type='checkbox' name='checkbox[]' value='Teste3'> Teste3</label>
<div>
<div class='checkbox'>
    <label><input type='checkbox' name='checkbox[]' value='Teste4'> Teste4</label>
<div>
<div class='checkbox'>
    <label><input type='checkbox' name='checkbox[]' value='Teste5'> Teste5</label>
<div>
<div class='btn-box'>
    <button class='btn btn-info'>Enviar</button>
</div>

Tentei desse modo mas os valores são enviados assim:

<script>
    $('.checkbox .btn').click(function(){
         var inputValores = $('.checkbox input').serialize();
         window.open('destino.php?' + inputValores);
    });
</script>

A URL FICA:

destino.php?checkbox=Teste1&checkbox=Teste2&checkbox=Teste3....

PODE SER ENVIADO ASSIM?

destino.php?checkbox[].....
2
  • 1
    Está usando jQuery? 4/02/2019 às 20:27
  • Oi Fernandosavio resolvi o b.o., postei a solução abaixo, obrigado pela atenção!
    – ElvisP
    4/02/2019 às 20:28

2 Respostas 2

1

Você pode enviar via POST. Basta colocar os checkboxes dentro de um form. Depois abrir uma nova aba com window.open() dando um nome à aba, e fazer um submit apontando para o nome da aba:

<form name="boxes" method="post" action="destino.php" target="destino">
   <div class='checkbox'>
       <label><input type='checkbox' name='checkbox[]' value='Teste1'> Teste1</label>
   </div>
   <div class='checkbox'>
       <label><input type='checkbox' name='checkbox[]' value='Teste2'> Teste2</label>
   </div>
   <div class='checkbox'>
       <label><input type='checkbox' name='checkbox[]' value='Teste3'> Teste3</label>
   </div>
   <div class='checkbox'>
       <label><input type='checkbox' name='checkbox[]' value='Teste4'> Teste4</label>
   </div>
   <div class='checkbox'>
       <label><input type='checkbox' name='checkbox[]' value='Teste5'> Teste5</label>
   </div>
   <div class='btn-box'>
       <button class='btn btn-info'>Enviar</button>
   </div>
</form>

<script>
$('.btn-box button.btn').click(function(){
   window.open(null, 'destino');
   document.forms.boxes.submit();
});
</script>

Nesta linha:

window.open(null, 'destino');

O 1º argumento null seria a página a ser aberta, mas ela será carregada pelo atributo action do form. E o 2º argumento 'destino' é o nome da aba, onde o atributo target tem o mesmo valor e para onde irá enviar o formulário.

1
  • Não pode enviar via POST, foge do propósito. Já resolvi e obrigado pela atenção prestada.
    – ElvisP
    5/02/2019 às 16:05
0

Resolvi o B.O. do seguinte modo:

<div class='checkbox'>
    <label><input type='checkbox' name='checkbox[]' value='Teste1'> Teste1</label>
<div>
<div class='checkbox'>
    <label><input type='checkbox' name='checkbox[]' value='Teste2'> Teste2</label>
<div>
<div class='checkbox'>
    <label><input type='checkbox' name='checkbox[]' value='Teste3'> Teste3</label>
<div>
<div class='checkbox'>
    <label><input type='checkbox' name='checkbox[]' value='Teste4'> Teste4</label>
<div>
<div class='checkbox'>
    <label><input type='checkbox' name='checkbox[]' value='Teste5'> Teste5</label>
<div>
<div class='btn-box'>
    <button class='btn btn-info'>Enviar</button>
</div>

<script>
    $('.btn-box button.btn').click(function(){
        var valores= new Array();
        $(".checkbox input:checked").each(function () {
           valores.push( $(this).val() );
        });
        parent.location.href='destino.php?arr=' + valores + '';
    });
</script>

Você deve fazer log-in para responder a esta pergunta.

Esta não é a resposta que você está procurando? Pesquise outras perguntas com a tag .