Utilizando checkboxes em um formulário PHP

Como utilizar checkbox nos formulários e salvar os valores enviados utilizando PHP.

Manipulando “caixa de seleção”

Traduzido como “Caixa de seleção”, permite que o usuário selecione varias opções dentro de um formulário.

Sendo uma variação do elemento “input” do tipo “type” caixa de seleção.

Analise o código abaixo:

<form action-xhr="#" method="POST">
  <input type="checkbox" name="opcoes[]" value="1">Opção 1<br>
  <input type="checkbox" name="opcoes[]" value="2">Opção 2 
</form>

Exemplo:

Opção 1
Opção 2

Sua manipulação é muito simples utilizando o PHP.

Apenas as opções que foram selecionadas serão enviadas para o “action” do formulário quando  o mesmo for submetido.

Dessa forma você poderá utilizar a função “isset” para validar se a caixa foi “checada” ou não.

if (isset($_POST['options'])) {
    echo "checkbox foi selecionado";
    /* para mostrar o valor do checkbox(s) selecionado(s) */    var_dump($_POST['options']);
}

Repare que no nome “name” dos meus checkboxes eu coloquei “[]”.

Dessa forma, quando o formulário for enviado, eu receberei todas as opções selecionadas em uma unica variável.

Faça um teste utilizando o código abaixo:

<form action="<?php echo $_SERVER['PHP_SELF']; ?>" method="post">
   <input type="checkbox" name="grupo_chk[]" value="1">
   <input type="checkbox" name="grupo_chk[]" value="2">
   <input type="checkbox" name="grupo_chk[]" value="3">
   <input type="checkbox" name="grupo_chk[]" value="4">
   <br>
   <br>
   <input type="submit" name="Enviar" value="Submit">
</form>
<?php
print_r($_POST['grupo_chk']);
?>

Crie um arquivo PHP no seu servidor web com o conteúdo acima.

Você verá que a função “print_r” irá mostrar um array contendo apenas o valor dos campos selecionados.

Se você definir um nome para cada caixa de seleção, você terá que validar cada um, nome por nome para salvar os dados do seu formulário.

Deixar o elemento já selecionado

Caso você queira definir uma caixa como “selecionada”, utilize o atributo checked=”checked” no input.

<input type="checkbox" value="1" name="meu-check-box" checked="checked" />

Selecione uma das opções:
 Meu Chk 01
 Meu Chk 02
 Meu Chk 02