I have a set of button on my page in where when a button is clicked, I want it to stay clicked until I click on another button, how can I do that? use CSS? or there's a component in JSF in one of its open source implementations?
HTML button controls are momentary-contact devices. If you wanted a click-on/click off behavior, you'd have to muck around with CSS. If you want a radio button behavior, it's easier to use a selectOneRadio tag collection. If you have a button dependency (that is, 2 or more buttons that aren't mutually exclusive like radio buttons are), you have to go back to the CSS tricks. Or use the disabled attribute. Which is often the best way to do that.
An IDE is no substitute for an Intelligent Developer.