Event på en disabled checkbox

<ole>

En rigtig god 'workaround' ville måske være, du ikke disable'er checkbox'en  ;D

Slet denne linje:
    tempCheckBox.disabled = true;

/mvh
</bole>

- og nej, du kan naturligvis ikke få en onclick-event til at fungere på et disabled element. Hvad skulle disabled dog ellers gøre ved en checkbox, end gøre den umulig at klikke i?  ;o)

Jeg forståer disabled som at det ikke er muligt for brugeren at ændre værdien. Ydermere synliggør den at den ikke kan ændres. Det kunne jo være at den alligevel smed en eller anden form for event.

Jeg spørger fordi jeg vil gøre det tydeligt for brugeren at det ikke er muligt at klikke i boxen. Desværre er der mange der prøver alligevel og ikke fatter hvorfor de ikke kan krydse den af, derfor ville jeg smide en forklaring hvis man alligvel prøvede at klikke.

Jeg kunne selvfølgelig gå igang med at få boxen til at se ud som om den var disabled, og så selv håndtere hvert click event alt efter om den er "disabled" eller ej.
Men min erfaring med sådanne workarounds er at det giver en masse uforudsete konsekvenser og bugs, såsom hvis brugeren får klikket for hurtigt og lignende. Det ville spare mig for en del testarbejde hvis der fandtes en anden løsning.

Jeg overvejer lidt måske bare at smide checkboxen i et eller andet element, såsom en <span> og så give denne en onclick funktion, der smider en alert hvis dens checkbox er disabled og ellers gør ingenting. Evt. lavet som et eller andet generelt prototype objekt.

Eller er dette for grimt?

Jeg tror sq bare jeg bruger den sidste løsning jeg postede.

Nu behøver du i hvertfald ikke i IE eller FF at gøre noget for at vise, feltet er disabled ... det fremgår ganske tydeligt. Det, at et felt er gråt, er en velkendt måde at vise, at et felt er disabled ... og det sker automatisk i de store browsere  :)

Hvis du mener, det er absolut nødvendigt, kunne du jo skrive noget à la:
    <label for="gnu" onclick="alert('Nono ...!')">
    En eller anden tekst: <input id="gnu" name="noget" type="checkbox" disabled="disabled"></label>

Det er nok mig der ikke fik forklaret tydeligt nok. Det er tydeligt for brugeren at boxen er disabled, men ikke tydeligt hvorfor den er disabled.
Det er et krav at brugeren får besked om hvorfor en checkbox er disabled, hvis denne prøver at klikke på den alligevel.

Prøvede denne her, men det virker ikke. Label fylder lidt mere end boxen, så hvis jeg klikker på den uden om det disabled element eller hvis dette ikke er disabled, bliver alert'en fyret af.

var DisableObjectHandler = Class.create();
DisableObjectHandler.prototype = {
    initialize: function(element) {
        this.element = element;
        this.labl = document.createElement('label');
        this.labl.setAttribute('for', element.id);
        this.labl.appendChild(this.element);
        this.labl.onclick = function() {
            alert('object clicked');
        }
    }
}

Hvad med at bruge en title:

<input type="checkbox" name="check1" disabled="disabled" title="Accepter betingelserne først">

@roenving - Det er en meget god ide som jeg også har overvejet, men det er ikke godt nok da det kræver at man holder musen stille i et stykke tid før beskeden bliver vist, hvilket det er langt fra alle der gør.