bei aktivierter checkbox submit button wechseln...

[Steve0209]

Hallo,

vielleicht könnt ihr mir helfen, ich habe folgende Ausgangsposition:
Ich habe eine Checkbox (AGB) und einen Submit-Button (Image).
Der hat folgende CSS Eigenschaften:

  
#buttonarea #send {  
background:none;  
background-color:none;  
background:url("/images/bestellung_abschicken.gif") no-repeat scroll 0 0 transparent;  
font-size:0px;  
display:block;  
line-height:0px;  
float:right;  
height:27px;  
margin-right:10px;  
width:186px;  
border:0px;  
text-indent:-999px;  
cursor: pointer;  
opacity: 0.3;  
}  

ich suche eine möglichkeit, dass nachdem die checkbox aktiv ist, der button andere CSS Eigenschaften bekommt (in dem Fall: opacity: 1)
Die Checkbox sieht so aus:

  
<input type="checkbox" id="accept" name="accept" onclick="javascript:accepted();">Ich akzeptiere die AGB  

Könnt ihr mir da weiterhelfen?

Danke und viele Grüße
André

[suit]

Könnt ihr mir da weiterhelfen?

http://www.w3.org/TR/css3-selectors/#checked

[Gunnar Bittersmann]

@@Steve0209:

nuqneH

<input type="checkbox" id="accept" name="accept" onclick="javascript:accepted();">Ich akzeptiere die AGB

"Ich akzeptiere die AGB" sollte ein http://de.selfhtml.org/html/formulare/strukturieren.htm#label@title=Label sein, damit dies auch anclickbar ist. (Fitts lässt grüßen.)

Qapla'

[Joachim]

Hi,

onclick="javascript:accepted();"

"javascript" ist im onclick überflüssig, es reicht der Funktionsaufruf.

Also:
...onclick="accepted(this)"...

function accepted(el) {
    if(el.checked) {
        document.getElementById("send").style.opacity = "[was auch immer]";
    } else {
        document.getElementById("send").style.opacity = "[was auch immer]";
    }
}

wobei ich eher class-name (Zugriff: className) verändere, und dort die Eigenschaften notiere...

Gruesse, Joachim