Hintergrund farbe von td ändert sich bei aktivieren einer Checkbox

webpagemaster

Erfahrenes Mitglied
Hallo,

ich habe eine Chekbox in einer Tabelle und möchte dass sich die Hintergrundfarbe des td ändert, wenn ich die Chekbox aktiviere?

jemand eine idee?
 
Hi,

überwache den onclick-Event der Checkbox. Erfolgt ein Klick auf der Box, prüfst du, ob
sie angewählt oder abgewählt ist (checked == true/false). Wurde sie gechecked, änderst du
die Hintergrundfarbe der Zelle. Im anderen Fall entfernst du die Hintergrundfarbe wieder.

JavaScript:
Code:
function setColor(objInput){
    if(objInput.checked == true)
        document.getElementById('tdID').style.backgroundColor = "#ff0000";
    else
        document.getElementById('tdID').style.backgroundColor = "";
}
HTML-Code:
HTML:
<table>
    <tr>
        <td><input type="checkbox" onclick="setColor(this);" value="farbe" /></td>
        <td style="width: 50px;" id="tdID">&nbsp;</td>
    </tr>
</table>
Beachte, dass die ID in der Tabellenzelle und im Script übereinstimmen.

Ciao
Quaese
 

Neue Beiträge

Zurück