Ir para conteúdo

Pesquisar na Comunidade

Mostrando resultados para as tags ''checkbox''.

  • Pesquisar por Tags

    Digite tags separadas por vírgulas
  • Pesquisar por Autor

Tipo de Conteúdo


Todas as áreas do Fórum

  • Q&A Desenvolvimento
    • Perguntas e respostas rápidas
  • Desenvolvimento Web
    • Desenvolvimento frontend
    • Javascript
    • PHP
    • Ruby
    • Python
    • Java
    • .NET
    • Docker, Kubernets e outros ambientes
    • Desenvolvimento com Wordpress
    • Desenvolvimento de apps
    • Desenvolvimento ágil
    • Desenvolvimento de Games
    • Banco de Dados
    • Design e UX
    • Algoritmos & Outras Tecnologias
  • Entretenimento e uso pessoal
    • Segurança & Malwares
    • Geral
    • Boteco iMasters

Encontrar resultados em...

Encontrar resultados que...


Data de Criação

  • Início

    FIM


Data de Atualização

  • Início

    FIM


Filtrar pelo número de...

Data de Registro

  • Início

    FIM


Grupo


Google+


Hangouts


Skype


Twitter


deviantART


Github


Flickr


LinkedIn


Pinterest


Facebook


Site Pessoal


Localização


Interesses

Encontrado 25 registros

  1. helkton

    Somar checkbox checked

    iai galera, tenho uma pendenga e não consigo achar nada pra suprir minha dúvida rsss seguinte.... Tenho um cardápio Online onde tenho os devidos ITENS sendo abertos em uma janela modal e nesta janela tenho os devidos ITENS EXTRAS em um checkbox que o usuario clicam e adicionam esta é minha lista de ADICIONAIS EXTRAS QUE PEGO DO BANCO DE DADOS <label style="border:0px red solid;font-size:1em;width:90%;text-align:left;padding:0px;margin-left:2em;" onclick="somar()"> <input style="height:23px;width:23px;cursor:pointer" type="checkbox" class='limited<?php echo $resultExtrasDelivery->idExtraDelivery?>' id="valorItemExtra" name="idExtraSelects[]" value="<?php echo $resultItensExtras->valorItemExtra?>" > <span style="cursor:pointer"><?php echo $resultItensExtras->nomeItemExtra?> <span style="font-size:0.7em;color:#DD2C00"> <small> <?php if($resultItensExtras->valorItemExtra == '0.00'){echo'';}else{echo '+R$ '.$resultItensExtras->valorItemExtra.'<input type="text" value="'.$resultItensExtras->valorItemExtra.'">';}?></small> </span> </span> </label> ela vem tipo assim AcréscimoTradicional - Escolha até 3 opções BACON 1,00 CALABRESA 1,00 MUSSARELA 1,00 PRESUNTO 1,00 OVO 1,00 o que quero fazer é somente somar os itens clicados pelo usuario e somar com o TOTAL DO ITEM tipo pegar o total do item tipo R$30,00 e ir somando com os acrescimos escolhidos <script> function somar() { // var valorItem = document.getElementById('valorItemExtra').value; var checkbox = document.getElementById('#valorItemExtra'); var total = 0; if(checkbox.checked == true){ total += checkbox.value; } document.getElementById('somar').innerHTML = total; } </script>
  2. Salve! Não consigo verificar se o checkbox foi marcado, isso não faz o menor sentido porquê aparentemente eu fiz tudo certo. HTML: <div class="mt-4 mb-3 row "> <label class="label_checkbox">Adicionar customização <input type="checkbox" id="checkbox" name="custom_shirt"> <span class="checkmark"></span> </label> </div> JAVASCRIPT: let checkedCustomize = document.getElementById("checkbox"); if(checkedCustomize.checked){ alert("Checkbox marcado"); }else{ console.log("checkbox não marcado"); }
  3. Caio Vargas

    [Resolvido] Múltiplos checkbox

    Meus amigos estou com um problema que não consigo resolver as vezes e coisas simples mais não encaixa na minha cabeca eu tenho multiplos checkbox onde cada um tem o valor porem eu tô salvando isso em uma tabela única separado por vírgula não sei se isso e correto mais na hora de recuperar e colocar como checado não vai pq ele retorna os valores tudo jundo mesmo dando um explode não vai
  4. tony_lu

    Checkbox Obrigatório

    Olá pessoal quero colocar um campo checkbox de aceito os termos de uso, mas não estou conseguindo validar este campo para enviar o form apenas se este campo por marcado podem me ajudar?
  5. Bom dia a todos. Eu tenho o seguinte código em HTML <input type="checkbox" id="checkmarcacao1" name="checkmarcacao1" value="checkmarcacao1"> <input type="time" id="hora101" name="hora101" disabled="disabled"> E tenho o seguinte código em Javascript <script src="https://code.jquery.com/jquery-3.4.1.min.js"></script> <script> $(document).ready(function () { $('input[name=checkmarcacao1]').change(function() { if ($(this).is(':checked')) { $('input[name=hora101]').removeAttr('disabled'); } else { $('input[name=hora101]').attr('disabled',true); } }); }); </script> Esse meu código em Javascript faz o seguinte: Quando meu Checkbox está marcado, ele habilita o input time. Se eu desmarcar o checkbox, o input time é desabilitado. Acontece que se eu marcar o checkbox, escrever no input time, por exemplo: 12:34, depois desmarcar o checkbox o input time fica desabilitado porém o valor 12:34 ainda fica escrito nele. Eu gostaria de saber como apagar o valor do input time quando o checkbox estiver desmarcado. Quem quiser testar o código segue o link: https://jsfiddle.net/o8f3zvqu/
  6. Olá, senhores. Sei que existem diversos tópicos por aí sobre esse assunto, contudo, não consegui solucionar o problema, mesmo depois de 1 dia tentando fazer algo até simples. Seguinte, estou pegando o id de um produto e tentando jogar em outra tabela, pelo checkbox. ex: id produto 23 lapis 43 caneta pelo checkbox, a pessoa escolhe o produto e adicona em uma lista, que é outro banco. Se pessoa selecionar mais de 1 item da lista, o laço só envia para o banco apenas 1 item de qualquer forma. Vou postar o Código: Código do INSERT: $check1 = (isset($_POST["check"]) && $_POST["check"] != null) ? $_POST["check"] : ""; foreach($check1 as $check){ $stmt = $conexao->prepare("INSERT INTO tb_itemProdKit (fk_tb_kit, fk_usuarios, fk_tb_produtos) VALUES (?, ?, ?)"); $stmt->bindParam(1, $nome_prod); $stmt->bindParam(2, $idSessao); $stmt->bindParam(3, $check); if ($stmt->execute()) { if ($stmt->rowCount() > 0) { echo "Dados cadastrados com sucesso!"; $id_prod = null; $nome_prod = null; $idSessao = null; $check = null; header("Location: item-produto-kit.php");exit; } else { echo "Erro ao tentar efetivar cadastro"; } } else { throw new PDOException("Erro: Não foi possível executar a declaração sql"); } } } } catch (PDOException $erro) { echo "Erro: " . $erro->getMessage(); } Agora o código do checkbox: if ($stmt->execute()) { while ($rs = $stmt->fetch(PDO::FETCH_OBJ)) { echo "<tr>"; echo "<td><input type='checkbox' name='check[]' id='check' value='".$rs->id_prod."'</td><td class='lista_usuario'>".$rs->nome_produto."</td><td class='lista_usuario'>".$rs->desc_prod."</td><td class='lista_usuario'>".$rs->peso_liq_prod ."</td>" ; echo "</tr>"; } }else { echo "Erro: Não foi possível recuperar os dados do banco de dados"; } } catch (PDOException $erro) { echo "Erro: ".$erro->getMessage(); } echo "</form>" ?> Está cadastrando apenas 1 item e não múltiplos itens. abço!!
  7. lezão

    Alterar dados selecionados pelo checkbox

    Boa tarde, galera! Td bem com vcs? Estou precisando de um UPDATE que qnd eu seleciono o checkbox e clico no botão submit ele chama para a pagina que ira fazer a alteração. Tenho um exemplo só que em asp, vejam abaixo: Imagem UPDATE espero ter explicado certo. obrigado!
  8. helkton

    somar checkbox modal

    Boa galera estou com um B.O aqui, seguinte.... Tenho uma janela MODAL com itens do cardápio que será escolhido pelo cliente. Cada item que o cliente escolhe abro uma janela MODAL com os itens extras disponíveis ele clica nos devidos itens extras que ele quiser adicionar ao pedido até aqui tudo bem já consegui esta abrindo normal tudo certinho os itens com os itens extras disponíveis, porem como somar os itens extras juntamente com o valor do ITEM PEDIDO, tipo, o cardápio do estabelecimento possui 4 itens X-TUDO - R$ 15,00 X-FRANGO - R$ 12,00 X-BACON - R$ 13,00 X-SALADA - R$ 10,00 AGORA em cada item selecionado existe os itens extras que o cliente pode escolher como adicional tipo: CALABRESA - R$ 1,00 FRANGO - R$ 1,00 BACON - R$ 1,00 PRESUNTO - R$ 1,00 MUSSARELA - R$ 1,00 Então como somar esses itens extras selecionados ao valor do item pedido, tipo o usuário escolhe o X-TUDO - R$15,00 - - - - Abro uma janela MODAL com os itens extras disponíveis e o usuário escolhe os itens extras CALABRESA + BACON + MUSSARELA e vai somando ao valor do item ( R$15,00 + 1,00 + 1,00 + 1,00 ) = R$18,00 Tenho esta estrutura.... <script> $(document).ready(function() { calcTotal(); var limpaValor = ""; document.getElementById("zerarValor").innerHTML = limpaValor; document.getElementById("check").checked = false; $('.price-variant, .price-variant-text').change(function() { calcTotal(); }); $('.price-variant-text').keyup(function() { calcTotal(); }); }); function calcTotal() { var total = 0; $('.price-variant').each(function() { var isChecked = $(this).is(':checked'); if(!!isChecked) { total += Number($(this).val()); } }); $('.price-variant-text').each(function() { total += Number($(this).data('unitprice')) * Number($(this).val()); }); $('.total').text('R$ ' + total.toFixed(2)); } </script> porém não consigo fazer ele zerar o valor total a cada MODAL e nem os checkboxes marcados aberto. Tipo eu escolho o X-TUDO e marco os itens extras (CALABRESA + BACON + MUSSARELA) agora quando abro o outro item(outra janela modal) X-FRANGO os valores marcados anteriormente estão sendo somados
  9. carlosmcarpes

    Checkbox dinâmico

    Fala galera! Estou quebrando a cabeça aqui, preciso de uma ajuda. Meu objetivo com o checkbox, que está dentro do loop while, é permitir que o usuário selecione vários ítens(marcando o checkbox), para que eles possam ser deletados ao mesmo tempo no banco de dados.Só que quando mando imprimir o que está vindo do checkbox recebo: Array ( [0] => nome_a nome_b nome_c, ou seja, os 3 ítens que foram selecionados no checkbox estao vindo no mesmo índice do array. Como faço para obter como resultado um nome em cada índice?Ex: Array ([0]=> nome_a, [1]=> nome_b, [2]=> nome_c). <?php $conn = new mysqli("localhost","root","","motor"); if($conn->connect_error){ echo "Error:".$conn->connect_error; } $data = array(); $result = $conn->query("select * from usuario"); echo "<form method='post' action='usuario.php'> <table> <thead> <tr> <th>Nome</th> <th>Senha</th> <th>Email</th> <th>Permissão</th> <th>Status</th> <th>Data</th> </tr> </thead> <tbody>"; while ($row = $result->fetch_assoc()) { echo "<tr> <td>".$row['nome']."</td> <td>".$row['senha']."</td> <td>".$row['email']."</td> <td>".$row['permissao']."</td> <td>".$row['status']."</td> <td>".$row['data']."</td> <td><input type='checkbox' name='user[]' value=".$row['nome']."</td> </tr>"; } echo " </tbody> </table> <input type='submit' value='enviar'> </form>"; print_r($_POST['user']); ?>
  10. FERREIRA FILHO

    Update múltiplos registros com checkbox

    Estou tentando fazer um update de vários registros com checkbox, mais não está atualizando no banco de dados MySQL. Segue o meu código, desde já agradeço! <?php include_once("../config/conexao.php"); $nivel = $_SESSION['nivel']; if ($_SESSION['nivel'] == 4) { $sql = "SELECT ID, NOME, VOLUNTARIO FROM cidadao ORDER BY NOME"; $res = mysql_query($sql) or die (mysql_error() ); if (mysql_num_rows($res) > 0 ) echo '<form method="post">'; ?> <table width="431" border="0" align="center" cellpadding="0" class="bordaFina"> <tr bgcolor="#999999" > <td width="302" align="center" valign="middle" bgcolor="#F0F0F0" class="style27">Nome </td> <td width="123" align="center" valign="middle" bgcolor="#F0F0F0" class="style27">Voluntário</td> </tr> <?php while ($row = mysql_fetch_assoc($res)) { ?> <tr > <td><?php echo $row["NOME"];?></div></td> <td ><div align="center"> <input type="checkbox" name= "VOLUNTARIOS[<?php $row["ID"] ?>]" value="1" <?php if($row["VOLUNTARIO"] == 1){ echo "checked";} ?>> <input type="hidden" name= "VOLUNTARIOS[<?php $row["ID"] ?>]" value="0" <?php if($row["VOLUNTARIO"] == 0){ echo ""; } ?>> </div></td> </tr> <?php } //End While ?> </table> <p><div align="center"><?php echo '<input type="submit"name= "submit" value= "Salvar">';?></div> <?php if (isset ($_POST["submit"])) { foreach($_POST['VOLUNTARIOS'] as $ID => $VOL) {mysql_query("update cidadao SET VOLUNTARIO ='$VOL' WHERE ID='$ID'")or die(mysql_error()); } echo "<meta HTTP-EQUIV='refresh' CONTENT='1;URL=teste.php'>"; } ?> <?php echo'<br>'; echo '</form>'; }//endif ?>
  11. Diego-SLP

    Update vários registros retornados em tabela

    Boa tarde, Gostaria de uma ajuda pra elaborar uma tela do meu sistema, existem registros no banco o qual uma pessoa cadastra e depois a outra vai atualizando preços, porém é muito cansativo editar um por um, gostaria de trazer estes registros na tabela de busca e apos marcaro checkbox o campo virar editavel, assim marcaria X campos, colocaria o valor deles e executaria o update dos mesmos, ou, se voces tiverem uma logica mais facil eu aceito kkk Obrigado
  12. FabianoSouza

    Estilizar TR que tenha checkbox marcado

    Galera...faz um tempão que busco uma maneira de estilizar uma TR, caso seu respectivo checbox seja clicado. Será mesmo que não tem como fazer isso apenas com CSS (sem precisar fazer em javascript)?? Repito. Preciso de algo ultra simples: clicou no checkbox, aplica cor na TR em que estiver esse checkbox. Sei que o javascript é para essas questões de comportamento. Mas penso que possa existir uma maneira, explorando o estado "checked" do input. Será que não?? Estou testando variações dessa ideia... mas ainda sem sucesso :-( table tbody tr td:nth-child(1) input[type="checkbox"]:checked ~ table > tbody > tr { /* aplica cor...*/ { Estou usando td:nth-child(1) porque o checkbox fica na primeira TD de cada TR ;-) Obrigado!
  13. Jefferson andre

    Como trocar o filtro do select mysql apos um click no checkbox

    boa tarde mestres, Estou com um problema aqui e nao conseguindo resolver, tenho a seguinte situacao inicial: ao entrar no cadastro de vendas os clientes pessoa fisica e juridica aparecem juntos, criei um checkbox e quando selecionado troca o parametro de filtro para apenas juririco ou apenas fisico. Eu carrego o parametro de filtro logo no inicio do programa informando o tipo_do_cadastro como sendo ambos (1 ou 0): $filtrarClientesParametros ="SELECT id, razao,deletado, ativo, id_empresa,tipo_do_cadastro FROM clientes WHERE deletado=0 AND id_empresa='$id_empresa' AND (tipo_do_cadastro = 0 OR tipo_do_cadastro = 1) ORDER BY ativo,razao"; A tela eh montada mas nao sei como atualizar o <select> com as opções apos o check ter sido pressionado, quando pressionado a mensagem filtro ativado aparece corretamente. Segue o trecho do html: <div class="form-group col-md-6"> <label for="inputid_cliente">Clientes</label> <br> <?php $filtro_clientes = $arquivo->prepare($filtrarClientesParametros); $filtro_clientes->execute(); ?> <input type="checkbox" class="form-check-input" id="Check_id_cliente" onclick="myFunction()"> <p id="text" style="display:none">Filtro ativado!</p> <select autofocus class ="custom-select col-md-11" name="id_cliente" required id="id_cliente" name="id_cliente"> <?php while ($clientes = $filtro_clientes->fetch()) {?> <option value = "<?php echo $clientes['id'] ?>"><?php echo $clientes['razao'];?> </option> <?php } ?> </select> </div> Segue a funcao: <script> function myFunction() { var checkBox = document.getElementById("Check_id_cliente"); var text = document.getElementById("text"); if (checkBox.checked == true){ text.style.display = "block"; $filtrarClientesParametros ="SELECT id, razao,deletado, ativo, id_empresa,tipo_do_cadastro FROM clientes WHERE deletado=0 AND id_empresa='$id_empresa' AND tipo_do_cadastro = 0 ORDER BY ativo,razao"; } else { text.style.display = "none"; $filtrarClientesParametros ="SELECT id, razao,deletado, ativo, id_empresa,tipo_do_cadastro FROM clientes WHERE deletado=0 AND id_empresa='$id_empresa' AND tipo_do_cadastro = 1 ORDER BY ativo,razao"; } } </script> Obrigado pela atenção
  14. manogaucho

    (AJUDA) Criar um checkbox deletar os selecionados

    Tudo bem!! Tenho essa pagina funcionando, mas queria criar um checkbox, para selecionar os itens para deletar.. Por que tenho que deletar iten por iten, pior que isso tenho que pesquisar novamente. já pesquisei muito, mas não consigo implantar. Agradeço desde já atenção e ajuda. <?php include 'conexao.php'; ?> <?php //MENSAGEM DELETADO COM SUCESSO if($_GET['deletado'] == 'ok'){ echo 'Deletado com sucesso'; }else if($_GET['deletado'] == 'nok'){ echo "Erro ao deletar"; }else{} //MENSAGEM DE ATUALIZADO COM SUCESSO if($_GET['atualizado'] == "ok"){ echo "Atualizado com sucesso!"; }else if($_GET['atualizado'] == "nok"){ echo "Erro ao atualizar."; }else{} ?> <form action="index_melhores.php" method="GET"> <input name="input_valor" type="text" placeholder="Digite aqui" size="60" /> <button type="submit">Buscar</button> </form> <?php //PEGANDO VALOR DO CAMPO BUSCA $valor = utf8_decode($_GET['input_valor']); //SELECIONAR $selecao = "SELECT * FROM produtos_vendedores_lj04 WHERE descricao_completa LIKE '%".$valor."%' OR preço LIKE '%".$valor."%' OR recadonacompra LIKE '%".$valor."%' OR fornecedor LIKE '%".$valor."%' ORDER BY descricao_completa, preço"; $linhas = mysqli_query($conexao_db, $selecao); if($linhas): foreach ($linhas as $linha): extract($linha); echo '<strong> <font color="green">Quantidade: '.utf8_encode($quantidade).'</font><br>'; echo '<strong> <font color="blue"> Produto: '.utf8_encode($descricao_completa).'</font> </strong><br>'; echo '<strong> <font color="red"> preço: '.utf8_encode($preço).'</font> </strong><br>'; echo '<strong> <font color="orange">Recado do Vendedor: '.utf8_encode($recadonacompra).'</font><br>'; echo '<strong> <font color="red">Nome do Vendedor: '.utf8_encode($nome).'</font> </strong><br>'; echo '<strong> <font color="black">Fornecedor: '.utf8_encode($fornecedor).'</font> </strong><br><br>'; echo "<a href='deletar_melhores.php?&id=".$id."'><img src='deletar.png' width='25' height='25' /></a><br><br>"; echo '<img src="linha.png" width="300" height="1" /><br><br>'; endforeach; else: echo 'Erro ao buscar: '.mysqli_erro($conexao_db); endif; ?> deletar_melhores.php <?php include 'conexao.php'; $id = $_GET['id']; //DELETAR $queryDeletarArq = "SELECT * FROM produtos_vendedores_lj04 WHERE id='".$id."'"; $deletarArq = mysqli_query($conexao_db, $queryDeletarArq); if($deletarArq): foreach ($deletarArq as $del): extract($del); $foto_db = $foto; endforeach; $queryDeletar = "DELETE FROM produtos_vendedores_lj04 WHERE id='".$id."'"; $deletar = mysqli_query($conexao_db, $queryDeletar); mysqli_close($conexao_db); header("location: index_melhores.php?deletado=ok"); else: mysqli_close($conexao_db); header("location: index_melhores.php?deletado=nok"); endif; ?>
  15. Olá Amigos! Por favor, vocês poderiam me ajudar em uma questão, sou muito novo em desenvolvimento e acabei pegando o barco andando aqui na empresa :) rs. NECESSIDADE - Carregar os dados que vem da procedure "Proc_Lista" nas colunas que foram criadas manualmente no Datagrid. - Ao clicar no checkbox, da coluna “Selecionar”, de qualquer linha do Datagrid, os dados da linha devem ser apresentados nos campos do Form (TextBox e Combobox). - Ao desmar o checkbox da linha selecionada no Datagrid, os dados devem ser limpos do Form. O que eu tentei fazer Quando executo o programa o sistema está criando os campos automaticamente dentro do datagrid e deveria carregar dentro de cada coluna que foi criada. Resultado que está dando errado, quando carrego os dados no datagrid. O código está substituindo os meus campos que terminam com o (X), nesse caso preciso que as informações carreguem dentro dos campos terminados em (X) na qual eu criei manualmente, porém respeitando as camadas do projeto na qual descrevi abaixo. (Print do form em execução) CAMADA DE DADOS - Lista os Dados para o DataGrid public DataTable MostrarVisita(int CODALUNO) { comando.Connection = conexao.Conectar(); comando.CommandText = "Proc_Lista_FollowupDetalheVisita"; comando.CommandType = CommandType.StoredProcedure; comando.Parameters.AddWithValue("@CODALUNO", CODALUNO); leer = comando.ExecuteReader(); tabela.Load(leer); conexao.Desconectar(); return tabela; }//fim do bloco CAMADA DE NEGOCIOS public DataTable MostrarFollowupGeral(string CODALUNO) { DataTable tabela = new DataTable(); tabela = objetoFollowupGeral.MostrarVisita(Convert.ToInt32(CODALUNO)); return tabela; } CAMADA DO USUARIO private void MostrarFollowupVisita() { dtgVisita.Columns.Clear var columnCheck = new DataGridViewCheckBoxColumn(); columnCheck.HeaderText = "[x]"; this.dtgVisita.Columns.Add(columnCheck); var varCodAlunoII = txtCodAluno.Text; FollowupGeralModel objectInterno = new FollowupGeralModel(); dtgVisita.DataSource = objectInterno.MostrarFollowupGeral(varCodAlunoII.ToString()); dtgVisita.Columns[1].Visible = false; txtTotalLinhaDataGrid.Text = dtgVisita.RowCount.ToString(); }
  16. eric.rmarques

    Habilitar botão ao marcar o checkbox

    Eu precisava fazer o seguinte: Conforme a imagem, o meu botão cadastrar está desabilitado. Eu queria ao marcar o checkbox, que o botão fosse habilitado. Alguém pode me ajudar? <form method="POST" action=""> <label>Nome</label> <input type="text" name="nome" placeholder="Digite o nome e o sobrenome"><br><br> <label>E-mail</label> <input type="text" name="email" placeholder="Digite o seu e-mail"><br><br> <label>Usuário</label> <input type="text" name="usuario" placeholder="Digite o usuário"><br><br> <label>Senha</label> <input type="password" name="senha" placeholder="Digite a senha"><br><br> <input type="checkbox" name="aceito" value="on">Li e estou de Acordo.<br><br> <input type="submit" name="btnCadUsuario" value="Cadastrar" disabled><br><br> Lembrou? <a href="login.php">Clique aqui</a> para logar! </form>
  17. Boa tarde!!! Por favor como faço para marcar um checkbox e ai marca automaticamente um campo radio? Obrigado
  18. Galera, seguinte. Estou tentando criar um evento em javascript que funciona da seguinte maneira; existem 5 checkbox na tela, ao selecionar dois checkbox os outros irão travar e não permitir o clique, se o usuário clicar novamente retirando a seleção de algum dos que foi selecionado ele volta a habilitar. Até então o código funciona blz, porém agora eu preciso fazer com que os dois primeiros checkbox contém como um único clique, ou seja, são 2 checkbox para travar, porém se eu selecionar o primeiro e o segundo eles contam como um, então eu o usuário poderia realizar outro clique em algum checkbox e ficariam 3 checkbox selecionados, porém isso só se aplica aos dois primeiros checkbox, caso não sejam eles é apenas dois cliques, se eles forem clicados o usuário pode escolher mais uma opção. o código atual está assim: <script type="text/javascript"> (function(){ "use strict"; var marcados = 0; var verifyCheckeds = function($checks) { if( marcados>=2 ) { loop($checks, function($element) { $element.disabled = $element.checked ? '' : 'disabled'; }); } else { loop($checks, function($element) { $element.disabled = ''; }); } }; var loop = function($elements, cb) { var max = $elements.length; while(max--) { cb($elements[max]); } } var count = function($element) { return $element.checked ? marcados + 1 : marcados - 1; } window.onload = function(){ var $checks = document.querySelectorAll('input[type="checkbox"][name="modalidades[]"]'); loop($checks, function($element) { $element.onclick = function(){ marcados = count(this); verifyCheckeds($checks); } if($element.checked) marcados = marcados + 1; }); verifyCheckeds($checks); } }()); </script> Quem conseguir me ajudar eu agradeço, preciso muito desse código rodando.
  19. joao.felipe

    Sombreamento Celula

    PESSOAL, MEU CODIGO NAO FUNCIONA, AO MARCAR CHECKBOX OU CLICANDO NO BOTAO GOSTARIA QUE A CELULA FOSSE SOMBREADA. PECO A GENTILEZA DE QUEM FOR AJUDAR REENVIE O CODIGO POR COMPLETO. OBRIGADO <!DOCTYPE html> <html> <body> <script> mapCheckbox = [ { alert alert('funcao Mapeia Checkbox'); , // checkbox que será clicado }, { checkboxId: '3DS Max', // checkbox que será clicado cells: ['B1', 'C1'], // as células que serão pintadas color: '#00ff55' // a cor das células }, { checkboxId: 'Adobe + Audacity', cells: ['A2', 'B3'], color: '#7ddce4' }, { checkboxId: 'Anaconda Python 5', cells: ['G1', 'H1'], color: '#8e90c0' }, ] // Percorre todos os checkbox com o atributo "name" igual a "checkbox1" // E adiciona um ouvinte de clique em cada um (que executa a ação abaixo quando ocorre o clique) document.querySelectorAll('input[name=checkbox1]').forEach(checkbox => checkbox.addEventListener("click", function(){ // Atribui à variável as opções do checkbox clicado const checkboxOptions = mapCheckbox.find(items => items.checkboxId.trim() === checkbox.id.trim()); // Pega as células que serão pintadas ao clicar neste checkbox const cells = checkboxOptions ? checkboxOptions.cells : null; // Pega todos as tags "td" const tdItems = document.getElementsByTagName('td'); // Percorre todas as tags "td" (células) para verificar se alguma corresponde à célula do checkbox clicado for(let i = 0; i < tdItems.length; i++) { const tdContent = tdItems.textContent.trim(); // Pega o texto da célula atual para verificar const cellFound = cells && cells.findIndex(cell => cell === tdContent) > -1; // Verifica se a célula atual está contida no mapCheckbox do checkbox clicado // Se o checkbox está marcado e a célula foi encontrada if(checkbox.checked && cellFound) { // Adiciona a cor predefinida tdItems.setAttribute('bgcolor', checkboxOptions.color); } // Se o checkbox não estiver marcado e a célula atual (no loop) está contida no mapCheckbox do checkbox clicado // Remove a cor else if(!checkbox.checked && cellFound ){ tdItems.removeAttribute('bgcolor'); } } })); function obterMarcados() { var numeros = 0; var listaMarcados = document.getElementsByName("checkbox1"); if (listaMarcados.length > 0) { for (loop = 0; loop < listaMarcados.length; loop++) { let item = listaMarcados[loop]; console.log(item.checked) if (item.type == "checkbox" && item.checked) { numeros++; alert(item.value); alert(listaMarcados.length); } } if (numeros == 0) { alert("Nenhum CheckBox foi Marcado"); } } else { alert("Nao existe nenhum CheckBox com esse nome(name)"); } } </script> <form> <table width="" border="1" cellspacing="10" cellpadding="4"> <tr align="center"> <td>--</td> <td> -- <br></td> <td>A</td> <td>B</td> <td>C</td> <td>D</td> <td>E</td> <td>F</td> <td>G</td> <td>H</td> <td>I</td> <td>J</td> <td>K</td> <td>L</td> <td>M</td> <td>N</td> <td>O</td> <td>P</td> <td>Q</td> <td>R</td> <td>S</td> <td>T</td> <td>U</td> <td>V</td> <td>X</td> </tr> <tr align="center"> <td><input type="button" name="btn1" value="Filtrar" onclick=".obterMarcados()"> </td> <td> <input type="button" name="btn" value="Verificar Marcados" onclick="obterMarcados()"> <br></td> <td COLSPAN="12" align="center">RAIZES 8</td> <td COLSPAN="4" align="center">RAIZES 7</td> <td COLSPAN="2" align="center">RAIZES 6</td> <td td COLSPAN="3" align="center">VEREDAS 2</td> <td>CARANDÁ</td> <td>PALMAS</td> </tr> <tr align="center"> <td>--</td> <td> -- <br></td> <td>1</td> <td>2</td> <td>3</td> <td>4</td> <td>5</td> <td>6</td> <td>7</td> <td>8</td> <td>9</td> <td>10</td> <td>11</td> <td>12</td> <td>1</td> <td>2</td> <td>3</td> <td>4</td> <td>1</td> <td>2</td> <td>1</td> <td>2</td> <td>3</td> <td>1</td> <td>1</td> </tr> <tr align="center"> <td>01</td> <td align="left"> <input type="checkbox" id = "3DS Max" name="checkbox1" value="3DS Max" > 3DS Max <br></td> <td bgcolor="green" id="A1">A1 </td> <td id="B1">B1</td> <td>C1</td> <td>D1</td> <td>E1</td> <td>F1</td> <td>G1</td> <td>H1</td> <td>I1</td> <td>J1</td> <td>K1</td> <td>L1</td> <td>M1</td> <td>N1</td> <td>O1</td> <td>P1</td> <td>Q1</td> <td>R1</td> <td>S1</td> <td>T1</td> <td>U1</td> <td>V1</td> <td>X1</td> </tr> <tr align="center"> <td>02</td> <td align="left"> <input type="checkbox" id = "Adobe + Audacity" name="checkbox1" value="Adobe + Audacity" > Adobe + Audacity <br></td> <td bgcolor="white" id="A2">A2 </td> <td>B2</td> <td>3</td> <td>4</td> <td>5</td> <td>6</td> <td>1</td> <td>2</td> <td>3</td> <td>4</td> <td>5</td> <td>6</td> <td>1</td> <td>2</td> <td>3</td> <td>4</td> <td>5</td> <td>6</td> <td>1</td> <td>2</td> <td>3</td> <td>4</td> <td>5</td> </tr> <tr align="center"> <td>03</td> <td align="left"> <input type="checkbox" id = "Anaconda Python 5" name="checkbox1" value="Anaconda Python 5" > Anaconda Python 5 <br></td> <td bgcolor="white" id="A3">A3 </td> <td>B3</td> <td>3</td> <td>4</td> <td>5</td> <td>6</td> <td>1</td> <td>2</td> <td>3</td> <td>4</td> <td>5</td> <td>6</td> <td>1</td> <td>2</td> <td>3</td> <td>4</td> <td>5</td> <td>6</td> <td>1</td> <td>2</td> <td>3</td> <td>4</td> <td>5</td> </tr> </table> </form> </body> </html>
  20. Pessoal, boa noite, estou tentando fazer um checkbox colorir multiplas celulas de uma tabela. Ao selecionar o checkbox e clicar no onclick botao(filtrar) ou somente selecionando o checkbox, eu preciso colorir a celula de verde através de alguma propriedade. Ex: <td ID="A1" color"green" ></td> da <!DOCTYPE html> <html> <body> <script> function obterMarcados() { var numeros = 0; var listaMarcados = document.getElementsByName("checkbox1"); if (listaMarcados.length > 0) { for (loop = 0; loop < listaMarcados.length; loop++) { let item = listaMarcados[loop]; console.log(item.checked) if (item.type == "checkbox" && item.checked) { numeros++; alert(item.value); alert(listaMarcados.length); } } if (numeros == 0) { alert("Nenhum CheckBox foi Marcado"); } } else { alert("Nao existe nenhum CheckBox com esse nome(name)"); } } </script> <form> <table width="" border="1" cellspacing="10" cellpadding="4"> <tr align="center"> <td>--</td> <td> -- <br></td> <td>A</td> <td>B</td> <td>C</td> <td>D</td> <td>E</td> <td>F</td> <td>G</td> <td>H</td> <td>I</td> <td>J</td> <td>K</td> <td>L</td> <td>M</td> <td>N</td> <td>O</td> <td>P</td> <td>Q</td> <td>R</td> <td>S</td> <td>T</td> <td>U</td> <td>V</td> <td>X</td> </tr> <tr align="center"> <td>--</td> <td> <input type="button" name="btn" value="Verificar Marcados" onclick="obterMarcados()"> <br></td> <td COLSPAN="12" align="center">RAIZES 8</td> <td COLSPAN="4" align="center">RAIZES 7</td> <td COLSPAN="2" align="center">RAIZES 6</td> <td td COLSPAN="3" align="center">VEREDAS 2</td> <td>CARANDÁ</td> <td>PALMAS</td> </tr> <tr align="center"> <td>--</td> <td> -- <br></td> <td>1</td> <td>2</td> <td>3</td> <td>4</td> <td>5</td> <td>6</td> <td>7</td> <td>8</td> <td>9</td> <td>10</td> <td>11</td> <td>12</td> <td>1</td> <td>2</td> <td>3</td> <td>4</td> <td>1</td> <td>2</td> <td>1</td> <td>2</td> <td>3</td> <td>1</td> <td>1</td> </tr> <tr align="center"> <td>01</td> <td align="left"> <input type="checkbox" id = "3DS Max" name="checkbox1" value="3DS Max" > 3DS Max <br></td> <td bgcolor="green" id="A1">A1 </td> <td id="B1">B1</td> <td>C1</td> <td>D1</td> <td>E1</td> <td>F1</td> <td>G1</td> <td>H1</td> <td>I1</td> <td>J1</td> <td>K1</td> <td>L1</td> <td>M1</td> <td>N1</td> <td>O1</td> <td>P1</td> <td>Q1</td> <td>R1</td> <td>S1</td> <td>T1</td> <td>U1</td> <td>V1</td> <td>X1</td> </tr> <tr align="center"> <td>02</td> <td align="left"> <input type="checkbox" id = "Adobe + Audacity" name="checkbox1" value="Adobe + Audacity" > Adobe + Audacity <br></td> <td bgcolor="white" id="A2">A2 </td> <td>B2</td> <td>3</td> <td>4</td> <td>5</td> <td>6</td> <td>1</td> <td>2</td> <td>3</td> <td>4</td> <td>5</td> <td>6</td> <td>1</td> <td>2</td> <td>3</td> <td>4</td> <td>5</td> <td>6</td> <td>1</td> <td>2</td> <td>3</td> <td>4</td> <td>5</td> </tr> <tr align="center"> <td>03</td> <td align="left"> <input type="checkbox" id = "Anaconda Python 5" name="checkbox1" value="Anaconda Python 5" > Anaconda Python 5 <br></td> <td bgcolor="white" id="A3">A3 </td> <td>B3</td> <td>3</td> <td>4</td> <td>5</td> <td>6</td> <td>1</td> <td>2</td> <td>3</td> <td>4</td> <td>5</td> <td>6</td> <td>1</td> <td>2</td> <td>3</td> <td>4</td> <td>5</td> <td>6</td> <td>1</td> <td>2</td> <td>3</td> <td>4</td> <td>5</td> </tr> </table> </form> </body> </html>
  21. joao.felipe

    Duvidas em JS

    AMIGOS, ESTOU TENTANDO APRENDER A LINGUAGEM, O CODIGO É SIMPLES. TENHO UM CHECKBOX e QUERO Verificar se ele se encontra Marcado. ESTOU USANDO O FOR E QUERO QUE O RESULTADO SEJA EXIBIDO EM UM ALERTA DIZENDO CHECK MARCADO OU CHECK DESMARCADO. SEGUE O CÓDIGO. NAO SEI ONDE COLOCAR O ELSE. <!DOCTYPE HTML> <html> <body> <script> <!-- ******************************************************************* --> function obterMarcados() { alert( 'Estamos dentro da função obter Marcados!' ); var listaMarcados = document.getElementsByName("checkbox1"); if (checkBox1.checked == true) { for (loop = 0; loop < listaMarcados.length; loop++) { var item = listaMarcados[loop]; if (item.type == "checkbox" && item.checked) { alert(item.value); alert(listaMarcados.length); } } } else alert("Nao existe CheckBox Marcado"); } <!-- else alert( 'Não existe CheckBoxMarcado!' ) ; --> <!-- ******************************************************************* --> alert( 'Hello, world 1!' ); </script> <p>...After the script.</p> <form> <input type="button" NAME="submit" value="Verificar Marcados" onclick="obterMarcados()"> <input type="checkbox" name="checkbox1" value="Autocad"> Autocad <br> </form> </body> </html>
  22. joao.felipe

    Colorir celula de tabela atraves de checkbox

    Pessoal, boa noite, estou tentando fazer um checkbox colorir uma celula de uma tabela. ao selecionar o checkbox e clicar no botao ou até mesmo somente selecionando evento deve filtrar o TD através do ID e colorir essa célula. estou um pouco perdido pois sou iniciante na programação. como posso fazer esse processo? Segue codigo fonte completo <!DOCTYPE html> <html> <body> <script> function obterMarcados() { var numeros = 0; var listaMarcados = document.getElementsByName("checkbox1"); if (listaMarcados.length > 0) { for (loop = 0; loop < listaMarcados.length; loop++) { let item = listaMarcados[loop]; console.log(item.checked) if (item.type == "checkbox" && item.checked) { numeros++; alert(item.value); alert(listaMarcados.length); } } if (numeros == 0) { alert("Nenhum CheckBox foi Marcado"); } } else { alert("Nao existe nenhum CheckBox com esse nome(name)"); } } </script> <form> <table width="" border="1" cellspacing="10" cellpadding="4"> <tr align="center"> <td>--</td> <td> -- <br></td> <td>A</td> <td>B</td> <td>C</td> <td>D</td> <td>E</td> <td>F</td> <td>G</td> <td>H</td> <td>I</td> <td>J</td> <td>K</td> <td>L</td> <td>M</td> <td>N</td> <td>O</td> <td>P</td> <td>Q</td> <td>R</td> <td>S</td> <td>T</td> <td>U</td> <td>V</td> <td>X</td> </tr> <tr align="center"> <td>--</td> <td> <input type="button" name="btn" value="Verificar Marcados" onclick="obterMarcados()"> <br></td> <td COLSPAN="12" align="center">RAIZES 8</td> <td COLSPAN="4" align="center">RAIZES 7</td> <td COLSPAN="2" align="center">RAIZES 6</td> <td td COLSPAN="3" align="center">VEREDAS 2</td> <td>CARANDÁ</td> <td>PALMAS</td> </tr> <tr align="center"> <td>--</td> <td> -- <br></td> <td>1</td> <td>2</td> <td>3</td> <td>4</td> <td>5</td> <td>6</td> <td>7</td> <td>8</td> <td>9</td> <td>10</td> <td>11</td> <td>12</td> <td>1</td> <td>2</td> <td>3</td> <td>4</td> <td>1</td> <td>2</td> <td>1</td> <td>2</td> <td>3</td> <td>1</td> <td>1</td> </tr> <tr align="center"> <td>01</td> <td align="left"> <input type="checkbox" id = "3DS Max" name="checkbox1" value="3DS Max" > 3DS Max <br></td> <td bgcolor="green" id="A1">A1 </td> <td id="B1">B1</td> <td>C1</td> <td>D1</td> <td>E1</td> <td>F1</td> <td>G1</td> <td>H1</td> <td>I1</td> <td>J1</td> <td>K1</td> <td>L1</td> <td>M1</td> <td>N1</td> <td>O1</td> <td>P1</td> <td>Q1</td> <td>R1</td> <td>S1</td> <td>T1</td> <td>U1</td> <td>V1</td> <td>X1</td> </tr> <tr align="center"> <td>02</td> <td align="left"> <input type="checkbox" id = "Adobe + Audacity" name="checkbox1" value="Adobe + Audacity" > Adobe + Audacity <br></td> <td bgcolor="white" id="A2">A2 </td> <td>B2</td> <td>3</td> <td>4</td> <td>5</td> <td>6</td> <td>1</td> <td>2</td> <td>3</td> <td>4</td> <td>5</td> <td>6</td> <td>1</td> <td>2</td> <td>3</td> <td>4</td> <td>5</td> <td>6</td> <td>1</td> <td>2</td> <td>3</td> <td>4</td> <td>5</td> </tr> <tr align="center"> <td>03</td> <td align="left"> <input type="checkbox" id = "Anaconda Python 5" name="checkbox1" value="Anaconda Python 5" > Anaconda Python 5 <br></td> <td bgcolor="white" id="A3">A3 </td> <td>B3</td> <td>3</td> <td>4</td> <td>5</td> <td>6</td> <td>1</td> <td>2</td> <td>3</td> <td>4</td> <td>5</td> <td>6</td> <td>1</td> <td>2</td> <td>3</td> <td>4</td> <td>5</td> <td>6</td> <td>1</td> <td>2</td> <td>3</td> <td>4</td> <td>5</td> </tr> </table> </form> </body> </html>
  23. thiamatte

    editar checkbox vindos do banco de dados

    pesquisei muito e não consegui encontrar a solução para o meu problema, alguém poderia me ajudar. tenho um BD carro, BD opcionais e um BD (cod_carro e cod_opcional). cadastro todos os opcionais e quando vou cadastrar os carros carrega os checkbox vindos do BD e gravo até aí tudo normal e funcionando, o problema é quando eu quero editar o carro, não consigo trazer ticado os opcionais já cadastrados no BD, segue o código: $Opcional = $conn->query ("SELECT * FROM opcional ORDER BY opcional ASC"); $CarroOpcional = $conn->query ("SELECT * FROM carro_opcional, opcional WHERE carro_opcional.cod_carro = '$cod_carro' AND carro_opcional.cod_opcional = opcional.cod_opcional"); $row_CarroOpcional = $CarroOpcional->fetch( PDO::FETCH_ASSOC ); <? while ($row_Opcional = $Opcional->fetch(PDO::FETCH_ASSOC)) { foreach($row_CarroOpcional as $row => $cod_opcional) { if ($cod_opcional === $row_Opcional['cod_opcional']) { $opcional_selecionado = "checked"; } } ?> <input name="cod_opcional[]" type="checkbox" id="cod_opcional" value="<? echo $row_Opcional['cod_opcional']; ?>" <? echo $opcional_selecionado; ?>><? echo $row_Opcional['opcional']; ?> <? } ?> Desde já agradeço a ajuda
  24. gust.php

    Enviar IDs selecionados checkBox

    Prezados, boa noite. Tenho uma lista com vários registros, quero selecionar alguns registros e enviá-los para serem faturados. Estou tentando assim: Se eu tirar o $.ajax e colocar um alert(id), ele mostra todos os IDs selecionados, direitinho. Usando o ajax não estou conseguindo chamar minha Action no controller. Podem ajudar? // BOTÃO <input type="submit" value="Faturar Serviço" id="envia" class="btn btn-success pull-right" disabled="true"> // checkBox <th class="text-sm"><input type="checkbox" class="checkbox" name="id" id="id" value="<?php echo $le->getIDSERVICO(); ?>"></th> <script> $(function(){ $("[name='id']").change(function(){ var countSelected = $("input[name='id']:checked").length; var $btnEnviar = $('#envia'); $btnEnviar.prop("disabled", countSelected == 0); $btnEnviar.val('Faturar Serviço' + (countSelected > 1 ? 's' : '')); }); }); $(document).ready(function() { $("#envia").click(function(){ var ids = []; $.each($("input[name='id']:checked"), function(){ ids.push($(this).val()); }); $.ajax({ method: 'POST', url: '/sgt/financeiro/faturaServicosSelecionados', data: { ids: ids } }); }); }); </script>
  25. ANDRELCF

    Manter CheckBox marcado

    Bom Dia a todos !! Estou criando um formulário em HTML e coloquei alguns checkbox, o problema é que esse formulário seguirá um fluxo então conforme o checkbox é marcado no formulário inicial terá que seguir marcado até o final do fluxo. <html> <head> <title>Formularios_RH</title> <style type="text/css">.row { margin: 2px; } .form-fieldset{ border: 1px solid; } <style data-cke-temp="1">html{cursor:text;*cursor:auto} img,input,textarea{cursor:default} </style> </head> <body> <body style="cursor: auto;"> <fieldset class ="form-fieldset"> <div> <fieldset><legend align="center"><span style="font-size:36px;"><strong>MOVIMENTAÇÃO FUNCIONAL - MF</strong></span></legend></fieldset> </div> <p>&nbsp</p> <div class="row"> <div class="col-md-2"><span style="font-size:16px;"><strong>SOLICITANTE:</strong></span><span style="font-size:20px;"></span></div> <div class="col-md-4"><span class="h-card" data-campo-altura="10" data-campo-classe="" data-campo-estilo="" data-campo-id="2" data-campo-largura="200" style="display:block;"><select id="@@9@@" style="width:400px;border-radius: 5px;float: left;border: 1px solid #666;"><option placeholder="9 - Tipo_Contrato">9 - Tipo_Contrato</option><option value="Valor02">Valor 02</option></select></span></div> </div> <p>&nbsp</p> <div class="row"> <div class="col-md-2"><span style="font-size:16px;"><strong>CARGO:</strong></span><span style="font-size:20px;"></span></div> <div class="col-md-4"><span class="h-card" data-campo-altura="10" data-campo-classe="" data-campo-estilo="" data-campo-id="2" data-campo-largura="200" style="display:block;"><select id="@@9@@" style="width:400px;border-radius: 5px;float: left;border: 1px solid #666;"><option placeholder="9 - Tipo_Contrato">9 - Tipo_Contrato</option><option value="Valor02">Valor 02</option></select></span></div> <div class="col-md-2"><span style="font-size:16px;"><strong>DEPARTAMENTO:</strong></span><span style="font-size:20px;"></span></div> <div class="col-md-4"><span class="h-card" data-campo-altura="10" data-campo-classe="" data-campo-estilo="" data-campo-id="2" data-campo-largura="200" style="display:block;"><select id="@@9@@" style="width:400px;border-radius: 5px; border: 1px solid #666;"><option placeholder="9 - Tipo_Contrato">9 - Tipo_Contrato</option><option value="Valor02">Valor 02</option></select></span></div> </div> </fieldset> <div class = "row"> <input type="checkbox" name="ch_Sim" value="ch_Sim" id="ch_Sim" onclick="document.getElementById('ch_Nao').checked = false">Sim <input type="checkbox" name="ch_Nao" value="ch_Nao" id="ch_Nao" onclick="document.getElementById('ch_Sim').checked = false">Nao </div> </body> </html>
×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.