Checkbox-objektet

I INPUT-taggen specifierar objektet en kryssruta i ett formulärfält. I javaskriptkoden anropar det kryssrutan i formuläret.

Syntax

När detta:

<INPUT type="checkbox">

skrivs in mellan ett par FORM-taggar, placeras en kryssruta i formuläret. Satsen kan dessutom innehålla andra INPUT-attribut, som CHECKED, NAME och VALUE, samt en händelsehanterare för onClick.

Egenskaper

.checked = true om rutan är kryssad, false om den inte är det

.defaultchecked Anger INPUT-taggens CHECKED-attribut

.name Anger INPUT-taggens NAME-attribut

.value Anger INPUT-taggens VALUE- attribut

Metoder

.click() Kryssar kryssrutan automatiskt

Händelsehanterare

onClick Utlösas när besökaren klickar i kryssrutan

Beskrivning

Använd händelsehanteraren i INPUT-taggen för att utlösa ett skript när besökaren klickar i kryssrutan.

Exempel

Funktionen mamma() nedan visar en alertruta. Funktionen anropas dock inte förrän besökaren väljer att klicka i kryssrutan.

Pröva:

<HEAD>
<SCRIPT Language = "JavaScript">
function mamma() {
alert("Jag håller med dig - mammas köttbullar är  verkligen bäst!")
}
</SCRIPT>
</HEAD> 

<BODY>
<FORM NAME="kottbullar">
<INPUT TYPE="checkbox" NAME="bullar" onClick="if (this.checked) {mamma()}">
Mammas köttbullar är bäst
</FORM>
<BODY>

Exempel:

Funktionen rensaCheckbox() tar bort markeringen ur kryssrutan genom att sätta egenskapen .checked till falsk. Funktionen anropas när du klickar på knappen som definieras av <INPUT type="button">-taggen.

Pröva:

<HTML>
<HEAD>
<SCRIPT language = "JavaScript"> 
function rensaCheckbox() {
     if (document.banta.glass.checked) {
          document.banta.glass.checked = false
          alert ("Äta massor av glass går inte ihop med att banta!") 
     }
}
</SCRIPT>
</HEAD>
<BODY>
<FORM name="banta">
     <INPUT type="checkbox" name="glass">Jag vill ha massor av glass!!!<BR>
     <INPUT type="button" value = "Jag vill banta" onClick = "rensaCheckbox()"> 
</FORM>
</BODY>
</HTML> 

© SupportData.Net