Question

I have a grid of buttons where if the user clicks on a button, the value of the button goes into the readonly textbox. What I want which I can’t get working is that I want the selected button from the grid to turn green and all the other unselected buttons to stay the same color as it is. The reason for this is that if the user opens up the grid at any time, they can see the button that is currently selected by the change of color on the button. If another button is selected then the previous selected button would turn white and the new selected button would turn green.

Does anyone know how to do this?

my current code is in jsfiddle. click here

Thank you

Answer 1

Just add this:

  $(".gridBtns").removeClass("gridBtnsOn");
  $(this).addClass("gridBtnsOn");

http://jsfiddle.net/Ksh59/7/