Changing the background color of a table row when the User checks a checkbox

[samiah]

how i can change the color of row after selecting the checkbox

[nathj]

how i can change the color of row after selecting the checkbox

Hi samiah,

I reccomend writing a javascript function for this. You can then call the function during the onclick of the check box:

[html]
<input type="checkbox" id="check1" value="yes" onclick="setColour(this.id, this.value);">
[/html]

The javascript function would be something like:

function setColour(elementID, elementValue)
{
if(elementValue == "yes")
{
var colour = "red" ;
}
else
{
var colour = "blue" ; 
}
document.getElementByID[elementID].innerHTML.colour = colour;
}
 

This is a little rough and you'd maybe want to set the colour better using RGB or Hex value. Also I'm not sure what element you want to change but this should at least give you a rough outline of how to use javascript to achieve what you are after.

Have a go and if you get stuck post back any code you have and I'll try to help some more.

Cheers
nathj

[pbmods]

Moving to the Javascript forum.

Changed thread title to better describe the problem (did you know that threads whose titles do not follow the Posting Guidelines actually get FEWER responses?).

[dmjpro]

how i can change the color of row after selecting the checkbox

Welcome to TSDN!

Actually you better to come with some Code you have had.
Anyway, next time come with some codes.
Look at this code, it may help you!

<tr id = test_id><td><input type=checkbox onclick=setColor(this,'test_id')></td></tr>
 

function setColor(obj,id)
{
var color = "#000000";
if(this.checked) = "#FF0000";
//If checked then Red otherwise Black.
//I assumed that..You can do ur own choice.
var row = document.getElementById(id);
row.setAttribute("bgcolor",color);
}
 

I think it will work.
Try this.
Best of luck.

Kind regards,
Dmjpro.