Gustavo2000
-
Posts
1 -
Cadastrado em
-
Última visita
-
Javascript Como selecionar os checkbox e mandar os itens para outra pagina?(Javascript)
Gustavo2000 postou um tópico em Web e banco de dados
<!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>
Sobre o Clube do Hardware
No ar desde 1996, o Clube do Hardware é uma das maiores, mais antigas e mais respeitadas comunidades sobre tecnologia do Brasil. Leia mais
Direitos autorais
Não permitimos a cópia ou reprodução do conteúdo do nosso site, fórum, newsletters e redes sociais, mesmo citando-se a fonte. Leia mais
