Question

Please refer the url

http://jsfiddle.net/fnvXT/

Here while selecting the check box the corresponding row is selected. I want to change that as

only one will be highlighted at a time.

If i select check box 2 then the check box 2 will be checked and this row only be highlighted and remaining check box should unchecked and remove the highlighting.

How do i change this. Please do the needful. Thanks

Answer 1

I added the following to the click handler:

$('input.high').not(this).attr('checked', null).closest('tr').css('background-color', '#fff');

See: http://jsfiddle.net/fnvXT/6/