Checkbox

alissong · Outubro 2, 2018

<!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
<script language="javascript" type="text/javascript">
$(document).ready(function(){
    $("form").submit(function(){
		
		if($('#id_login').filter(':checked').length < 2) {
		alert ("Por favor selecione um usuario cadastrato !");
		document.getElementById("id_login").focus();		
		return false;		
			
}
		if($("#idPermissao").filter(':checked').length < 2 ) {
		alert ("Por favor selecione uma permissao para o usuario cadastrato !");
		document.getElementById("idPermissao").focus();		
		return false;
}	
		return true;	
    });		
});
</script>

Pessoal,

Tenho um formulário em php e quero checar dois checkbox antes de submit o formulário. O usuário somente pode marca um checkbox, mas no outro ele pode marcar mais de uma opção para atribuir a permissão para acesso as páginas. Alguém pode me ajudar como fazer isso?

Veja código do formulário abaixo:

<?php
#Arquivo de funções *************************************
 include("verifica.php");
 include("conexao/bdinc.php"); 

#********************************************************

//Selecionar todos os darf da tabela
$sql_usuario = "SELECT * FROM usuario ORDER BY id_login";
if ($res_usuario = mysqli_query($conn, $sql_usuario)) {

$sql_permissao = "SELECT * FROM pagina ORDER BY desc_pag, tipo";
if ($res_permissao = mysqli_query($conn, $sql_permissao)) {	
?>
<!doctype html>
<html lang="pt-br">
  <head>
    <!-- Required meta tags -->
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <title>Cadastro Permissão</title>	
</head>
<body>
<form name="permissao" method="post" action="?menu=cad_permissao">  
  <div class="card border-dark">
  <div class="card-header bg-dark text-white">USU&Aacute;RIO CADASTRADO</div>  
	<div class="card-body">
		<div class="table-responsive-sm">		
			<table class="table table-bordered table-striped table-sm">
                <thead>
                <tr>
                    <th>C&oacute;digo</th>
					<th>Login</th>					
                </tr>
                </thead>
				<tbody>
<?php
while ($linhaUsu = mysqli_fetch_array($res_usuario)){ ?>    
               
                <tr>
                    <td><input type="checkbox" name="id_login[]" id="id_login" value="<?php echo $linhaUsu[0];?>"</td>
					<td><?php echo "$linhaUsu[1]";?></td>	
                </tr>
<?php 
	} // Fecha loop while 
	}// Fecha o IF 
?>          
				</tbody>
			</table> 
		</div>
	</div>
</div>
<?php
/* free result set */
mysqli_free_result($res_usuario);
?>
<br>
<div class="card border-dark">
  <div class="card-header bg-dark text-white">PERMISS&Atilde;O PARA USU&Aacute;RIO</div>  
	<div class="card-body">
		<div class="table-responsive-sm">		
			<table class="table table-bordered table-striped table-sm">
                <thead>
                <tr>
                    <th>C&oacute;digo</th>
					<th>Descri&ccedil;&atilde;o</th>
					<th>tipo</th>	
                </tr>
                </thead>
				<tbody>
<?php
while ($linha = mysqli_fetch_array($res_permissao)){ ?>    
               
                <tr>
                    <td><input type="checkbox" name="id_pag[]" id="idPermissao" value="<?php echo $linha[0];?>"</td>
					<td><?php echo "$linha[1]";?></td>	
					<td><?php echo "$linha[2]";?></td>	
                </tr>
<?php 
	} // Fecha loop while 
	}// Fecha o IF 
?>          
				</tbody>
			</table> 
		</div>
  <label class="col-sm-2 col-form-label"></label>
  <button type="submit" id="submit" class="btn btn-success">Cadastrar</button>
  <button type="reset" class="btn btn-danger">Limpar</button>
	</div>
</div>
<?php
/* free result set */
mysqli_free_result($res_permissao);

// Fecha conexao com banco de dados
mysqli_close($conn);
?>
</form>
</body>
</html>
<!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
<script language="javascript" type="text/javascript">
$(document).ready(function(){
    $("form").submit(function(){
		
		if($('#id_login').filter(':checked').length < 2) {
		alert ("Por favor selecione um usuario cadastrato !");
		document.getElementById("id_login").focus();		
		return false;		
			
}
		if($("#idPermissao").filter(':checked').length < 2 ) {
		alert ("Por favor selecione uma permissao para o usuario cadastrato !");
		document.getElementById("idPermissao").focus();		
		return false;
}	
		return true;	
    });		
});
</script>

Veja como estou fazendo, mas não esta funcionando nem os dois marcando um opção em cada

<!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
<script language="javascript" type="text/javascript">
$(document).ready(function(){
    $("form").submit(function(){
		
		if($('#id_login').filter(':checked').length < 2) {
		alert ("Por favor selecione um usuario cadastrato !");
		document.getElementById("id_login").focus();		
		return false;		
			
}
		if($("#idPermissao").filter(':checked').length < 2 ) {
		alert ("Por favor selecione uma permissao para o usuario cadastrato !");
		document.getElementById("idPermissao").focus();		
		return false;
}	
		return true;	
    });		
});
</script>

ygor.anjos · Outubro 4, 2018

você esta procurando pelo ID e ID só pode existir 1 na pagina, no Jquery procure os elementos pelo nome

$("input[name='id_pag[]']")

$("input[name='id_login[]']")

alissong · Outubro 9, 2018

Prezado Ygor,

Você é o caraaaa.........

muito obrigado, mas para aqueles que algum dia estiver a dúvida. Segue o código abaixo:

<!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
<script language="javascript" type="text/javascript">
$(document).ready(function(){
  $('#submit').click(function() {
    if (!$("input[type='radio'][name='id_login[]']").is(':checked') ){
        alert ("Por favor selecione um usuario cadastrato !");	
		document.getElementById("id_login").focus();	
        return false; // para submit habilite esta linha
    }
	if (!$("input[type='checkbox'][name='id_pag[]']").is(':checked') ){	
		alert ("Por favor selecione uma permissao para o usuario cadastrato !");
		document.getElementById("idPermissao").focus();		
		return false;
	}
  });
}); 
</script>