Published on Tuesday, September 13, 2011 by Jason in jQuery
This code is an easy way to allow radio buttons to be deselected using jQuery. So when a radio button is selected just click it again to deselect.
// Allow radio buttons to be deselected
var radioChecked;
$('input[type=radio]').bind('mousedown', function() {
radioChecked = $(this).attr('checked');
});
$('input[type=radio]').bind('click', function() {
if (radioChecked) {
$(this).attr('checked', false);
} else {
$(this).attr('checked', true);
}
});