Radio Button Detection Example

Example in relation to: http://stackoverflow.com/questions/3337818/radio-button-group-change-events-for-buttons-become-deselected

HTML

<input type="radio" name="radioButtonGroup" value="button1" checked="true"/>
    <input type="radio" name="radioButtonGroup" value="button2"/>

JavaScript

var $last = $('[name=radioButtonGroup]:checked');

// Select the radio buttons as a group.
var $radios = $('[name=radioButtonGroup]').bind('change', function (ev) {
    // Click event handler
    var $clicked = $(ev.target); // This is the radio that just got clicked.
    $last.trigger('unclick'); // Fire the "unclick" event on the Last radio.
    
    $last = $('[name=radioButtonGroup]:checked'); // Update the $last item.
   
    // Should see the clicked item's "Value" property.
    console.log("Clicked " + $clicked.attr('value'), $clicked, ev);
}).bind('unclick', function (ev) {
    // Handler for our new "unclick" event - which fires whenever a radio loses focus.
    var $unclicked = $(ev.target); // This is the radio which is losing it's checked status.
    
    // Should see the unclicked item's "Value" property.
    console.log("Unclicked " + $unclicked.attr('value'), $unclicked, ev); 
});