onchange - How to trigger OnChnage Event of Radio Button when its UnChecked -

I have an HTML table with courses of rows and columns. Each row has radio buttons and each line is a group of radio buttons, that means that I can select only one radio button in the row from all the columns. I am trying to set up a CSS on the selection of a radio button cell in my table, it is fine, but when I go to another radio button in the same line, when the radio button is grouped, the previous radio button D-silvered but the CSS remains there, because on the selection of any other radio in the group, the on-change event for the radio is not triggered, which are automatically selected.

Is there a way to switch to selecting a section on the radio?

How about:

JS < Create tables and radios for

  $ (function () {// (var tri = 0, tri & lt; 3; tri ++) {var $ tr = $ ('& lt; Tr & gt; '). AppendTo (Var' rai = 0; rai & lt; 3; rai ++) {var $ sp = $ ('& lt; span class = "radio-holder"> gt;'); Var $ rd = $ ('& lt; input type = "radio" name = "rad-' + tri + '" class = "rad" value = "val-' + rye + '" />').appendTo ($ Sp); $ sp.append ('radio' + triangular + '' + rye); $ td.append ($ sp); $ tr .append ($ TD);}} // Keep track of recorded radio selection Var selrad = {}; // handler $ ('input' .rad ') for (' Ach Add '(' 'radio' '). AddClass (' 'unselected' '}}) .function () {$ (this) .on (' click ',). Function () {var nm = $ (this) .attr ('name'); $ ('input [name = "' + nm + '' ') (seleg [nm]) {celatre [nm]. Trigger (' Disassembly ');} Selad [nm] = $ (this);})})}}   
  CSS   
  .Ready-Holder {limit: 1px solid silver; Margin: 3px; Padding: 3px; } .Redo Holder. Temporarily unselected (range: 1px solid red;}