pass checkbox values to the url

Question

Good afternoon, Personal I am with a doubt in how to make to pass the selected items of a page for a URL to send a report all the code already working nicely only missing that part.

example

item     codigo
1        11
2        12
3        13
4        14
5        15

how do I select the checkbox of items 1,2,5 to pass a url in the following way www.teste.com/realatorio.php? id=1,2,5

<?php
                while ($row = mysql_fetch_object($saldo_financeiro2)) {
                    $cliente = $row->nome_cliente;/* dentro do $row[] vai o nome da coluna da sua consulta */
                    echo '<tr>
                    <td>
                        <input class="input-field" type="checkbox" name="age" value="'.$row->item.'"/>
                        <label></label>
                    </td>';
                    echo "<td>".date('d-m-Y', strtotime($row->codigo))."</td>
                    </tr>";
                }
                ?>

Answer 1

You can do something like this

<input type="checkbox" name="age" <?php if (isset($age) && $age=="1") echo "checked";?> value="1">1-9
<input type="checkbox" name="age" <?php if (isset($age) && $age=="10") echo "checked";?> value="10">10-19
<input type="checkbox" name="age" <?php if (isset($age) && $age=="20") echo "checked";?> value="20">20-29
<input type="checkbox" name="age" <?php if (isset($age) && $age=="30") echo "checked";?> value="30">30-39

Server side receives as a $_POST['age']

 $ages = $_POST['age'];
 print($ages[0]);

Answer 2

window.history.pushState(data, null, 'url_target');

You will have to do a function, for example, with jquery.

$('checkbox').on('click', function(){
   window.history.pushState(null,null,'index.php?id'+$(this).val());
});

NOTE: It is an HTML5 feature, depending on the broswer may not work.

Answer 3

How do I select the checkbox of items 1,2,5 to pass a url in the following way www.teste.com/realatorio.php? id=1,2,5.
That was your question to my answer, created just your example url which is www.teste.com/realatorio.php? id=1,2,5.

in HTML you create the inputs I created this class to guide what is happening

<input type="checkbox" valor="1">
<input type="checkbox" valor="2">
<input type="checkbox" valor="3">
<input type="checkbox" valor="4">
<p class="url"></p>

In Jquery you create your URL

jQuery(function($) {
    // www.teste.com/realatorio.php?id=1,2,5
    var url = Array();
    $('input[type="checkbox"]').change(function(){
        if($(this).is(':checked')){
            url.push($(this).attr('valor'));
        }else{
            url.pop($(this).attr('valor'));
        }
        var terminar = url.toString();
        $('#url').html('<p>www.teste.com/realatorio.php?id='+terminar+'</p>');
    })
})

In the example you will create a url similar to what you want
"www.teste.com/realatorio.php? id=1,2,5" marking the checked inputs will fetch the values . I hope it helped.

This is an example of how you can do your url .