Checkbox
<!-- 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Á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ó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ÃO PARA USUÁRIO</div>
<div class="card-body">
<div class="table-responsive-sm">
<table class="table table-bordered table-striped table-sm">
<thead>
<tr>
<th>Código</th>
<th>Descriçã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>Discussão (2)
Carregando comentários...