3 svar · 175 visningar · startad av JAreMANNEN
Har följande kod just nu!
När man kryssar i checkboxen i tabellen nedan så ska bakgrundsfärgen i -<tr> bli "#cc3333", hur gör man detta med javascript?
<table>
<tr bgcolor="#f9f9f2">
<td><input type="checkbox" name="id" value="35"></td>
<td>Morotsjuice</td>
<td>2003-01-10</td>
</tr>
</table>
Så här skulle du kunna göra:
<script type="text/javascript">
<!--
function setColor(o, e){
var elm = document.getElementById(e);
elm.style.backgroundColor = (o.checked)?"#cc3333":"#f9f9f2";
};
//-->
</script>
<body>
<table>
<tr bgcolor="#f9f9f2" id="row">
<td><input type="checkbox" name="id" value="35" onclick="setColor(this, 'row')"></td>
<td>Morotsjuice</td>
<td>2003-01-10</td>
</tr>
</table>
</body>
:)
bra, det funkade ju kanoon! :)
Om jag nu vill ändra textfärgen till vit i de <td> som ligger i den <tr>-tagen då??
Blir det krångligt nu?? ;)
Nej då! :e
function setColor(o, e){
var elm = document.getElementById(e);
elm.style.backgroundColor = (o.checked)?"#cc3333":"#f9f9f2";
elm.style.color = (o.checked)?"#ffffff":"#000000";
};
:)