Objeto Input CHECKBOX

São objetos que permitem ao usuário ligar ou desligar uma determinada opção.

Suas principais propriedades são: name, value e checked.

name : Especifica o nome do objeto
value : Especifica o valor que será enviado ao "server" se o objeto estiver ligado (checked).
            Caso seja omitido, será enviado o valor default "on" .
            Esta propriedade também serve para ativar comandos lógicos, testando-se a condição
            de "checked".
checked : Especifica que o objeto inicialmente estará ligado

O único evento associado a este objeto é onclick.

Ex:
No exemplo abaixo, criaremos um objeto input.text e três objetos checkbox. O primeiro checkbox, quando ativado, transformará o texto em caracteres minúsculos. O segundo checkbox, quando ativado, transformará o texto em caracteres maiúsculos. O terceiro checkbox, quando ativado, dará um aviso do conteúdo que será recebido pelo "server" caso o formulário seja submetido para este.

<SCRIPT>
function AltMaiusc () {
    document.TCheck.Muda.value = document.TCheck.Muda.value.toUpperCase()     document.TCheck.Opt1.checked = false
}
function AltMinusc () {
   document.TCheck.Muda.value = document.TCheck.Muda.value.toLowerCase()    document.TCheck.Opt2.checked = false
}
</SCRIPT>
<p>
<form name="TCheck">
Muda Case <input type=text size=20 maxlength=20 name="Muda"> </p>
<p>
Minusculo<input type=checkbox name="Opt1" value="1" checked
                  onclick="if (this.checked)
                                   { AltMinusc() } ">
Maiusculo<input type=checkbox name="Opt2" value="2"
                  onclick="if (this.checked)
                                   { AltMaiusc() } ">
Demo valor<input type=checkbox name="Opt3"
                    onclick="if (Opt3.checked)
                                     {alert ('Server recebera = ' + Opt3.value) } ">
</p>
</form>

Existe ainda uma outra forma de manipular este objeto, em forma de array, que é a seguinte: form.elements[index].propriedade. Esta não é uma boa forma porque o index é único dentro de um formulário, exigindo muito cuidado quando se acrescenta ou se deleta um objeto, pois, neste caso, haverá um natural deslocamento do index, podendo comprometer a lógica.

Click Aqui para executar este exemplo