Javascript Como selecionar os checkbox e mandar os itens para outra pagina?(Javascript)

Gustavo2000 · 11 de setembro de 2017

<!DOCTYPE html>
<html>
<head>
<script>
// Função para marcar todos os campos checkbox
    function selecionar_todo() {
      // Recupera todos os campos
      checkboxes = document.getElementsByTagName('input');
      for (var i = 0; i < checkboxes.length; i++) {
        // Verifica se o campo é do tipo 'checkbox' e se o mesmo está desmarcado
        if (checkboxes.type == 'checkbox' && checkboxes.checked === false) {
          checkboxes.checked = true;
        }
      }
    }
    // Função para desmarcar todos os campos checkbox
    function deselecionar_todo() {
      // Recupera todos os campos
      checkboxes = document.getElementsByTagName('input');
      for (var i = 0; i < checkboxes.length; i++) {
        // Verifica se o campo é do tipo 'checkbox' e se o mesmo está marcado
        if(checkboxes.type == 'checkbox' && checkboxes.checked === true){
          checkboxes.checked = false;
        }
      }
    }
</script>
        <meta charset="utf-8">
        <meta name="format-detection" content="telephone=no">
        <meta name="msapplication-tap-highlight" content="no">
        <meta name="viewport" content="user-scalable=no, initial-scale=1, maximum-scale=1, minimum-scale=1, width=device-width">
        <link rel="stylesheet" type="text/css" href="css/index.css">
        <link rel="stylesheet" type="text/css" href="css/ptd_estilo.css">
        <link rel="stylesheet" href="css/bootstrap-theme.min.css">
        <link rel="stylesheet" href="css/bootstrap.min.css">
        <link rel="stylesheet" type="text/css" href="css/ptd_estilo.css">
        <link href="https://fonts.googleapis.com/css?family=Roboto" rel="stylesheet">
        <title>Pedido</title>
</head>
<body>
        <div id="telaUsuarios" class="page">
            <div class="navbar1">
            <button class="btnVoltar"></button>
            <span>Pedido</span>
            <button class="btnComentario"></button>
                
                <p>
        <div class="container-fluid">
        <div class="row top">
            <div class="col-sm-12">
                <div class="jumbotron">
                    <div class="row">
                        <div class="col-sm-12 col-md-12">
                            <div class="row">
                                <div class="col-md-6">
  <div class="panel panel-default">
    <div class="panel-heading">
      <h3 class="panel-title">Bebidas</h3>
    </div>
    <div class="panel-body">
      <div class="row">
        <div class="col-md-12">
          <a href="#" class="list-group-item">Coca Cola<input type="checkbox" name= 'bebidas[]' value="Coca Cola" class="pull-right"></a>
        </div>  
      </div>
      <div class="row">
        <div class="col-md-12">                         
          <a href="#" class="list-group-item">Água<input type="checkbox" name="bebidas" value="Água" class="pull-right"></a>
        </div>  
      </div>
      <div class="row">
        <div class="col-md-12">                         
          <a href="#" class="list-group-item">Cerveja<input type="checkbox" name="bebidas" value="Cerveja" class="pull-right"></a>
        </div>  
      </div>
    </div>
  </div>
  </div>
  <div class="col-md-6">
    <div class="panel panel-default">
      <div class="panel-heading">
        <h3 class="panel-title">Pizza</h3>
      </div>
      <div class="panel-body">
        <div class="row">
          <div class="col-md-12">
            <a href="#" class="list-group-item">Frango<input type="checkbox" name="pizza" value="Frango" class="pull-right"></a>
          </div>  
        </div>
        <div class="row">
          <div class="col-md-12">                         
            <a href="#" class="list-group-item">Mussarela<input type="checkbox" name="pizza" value="Mussarela" class="pull-right"></a>
          </div>  
        </div>
        <div class="row">
          <div class="col-md-12">                         
            <a href="#" class="list-group-item">Calabreza<input type="checkbox" name="pizza" value="Calabreza" class="pull-right"></a>
          </div>  
        </div>
      </div>
    </div>
  </div>
  </div>
  <div class="row">
    <div class="col-md-6">
      <div class="panel panel-default">
        <div class="panel-heading">
          <h3 class="panel-title">Salgados</h3>
        </div>
        <div class="panel-body">
          <div class="row">
            <div class="col-md-12">
              <a href="#" class="list-group-item">Coxinha<input type="checkbox" name="salgados[]" value="Coxinha" class="pull-right"></a>                
            </div>  
          </div>
          <div class="row">
            <div class="col-md-12">                         
              <a href="#" class="list-group-item">Crossaint<input type="checkbox" name="salgados[]" value="Crossaint" class="pull-right"></a>         
            </div>  
          </div>
          <div class="row">
            <div class="col-md-12">                         
              <a href="#" class="list-group-item">Hanburgão<input type="checkbox" name="salgados[]" value="Hanburgão" class="pull-right"></a>                                     
            </div>  
          </div>
        </div>
      </div>
    </div>
    <div class="col-md-6">
      <div class="panel panel-default">
        <div class="panel-heading">
          <h3 class="panel-title">Doces</h3>
        </div>
        <div class="panel-body">
          <div class="row">
            <div class="col-md-12">
              <a href="#" class="list-group-item">Cocada<input type="checkbox" name="doces" value="Cocada" class="pull-right"></a>
            </div>                                  
          </div>
          <div class="row">
            <div class="col-md-12">
              <a href="#" class="list-group-item">Sonho<input type="checkbox" name="doces" value="Sonho" class="pull-right"></a>
            </div>                                  
          </div>
          <div class="row">
            <div class="col-md-12">
              <a href="#" class="list-group-item">Brigadeiro<input type="checkbox" name="doces" value="Brigadeiro" class="pull-right"></a>
            </div>                                  
          </div>
        </div>
      </div>
    </div>
  </div>
</div>
<a href="javascript:selecionar_todo()"> Marcar todos </a> | 
<a href="javascript:deselecionar_todo()">Marcar nenhum</a> 
<div class="bc-bot">
<a class="btn btn btn-primary" href="bem-vindo.html" role="button">Fazer Pedido</a>
<a class="btn btn btn-danger" href="bem-vindo.html" role="button">Juntar Mesas</a>
                    </div>  
                </div>
            </div>
        </div>
    </div>
        </div>
</body>
        <script type="text/javascript" src="pedido.js"></script>
        <script type="text/javascript" src="cordova.js"></script>
        <script type="text/javascript" src="js/index.js"></script>
        <script type="text/javascript" src="js/functions.js"></script>
        <script type="text/javascript" src="js/botao.js"></script>
</html>