3 svar · 178 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å! 
function setColor(o, e){
var elm = document.getElementById(e);
elm.style.backgroundColor = (o.checked)?"#cc3333":"#f9f9f2";
elm.style.color = (o.checked)?"#ffffff":"#000000";
};