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