Archive for April, 2012

Making radio buttons deselectable, like checkboxes

Tuesday, April 10th, 2012

Here’s a quick hack to give a set of radio buttons the ability to each turn off like a checkbox would if clicked when already selected. It requires JQuery and you can see it in action on JSFiddle.

$('[id*=radio_]').click(function() {
    previousValue = $(this).attr('currentValue');
    if (previousValue == "ON")
    {
        $(this).attr('currentValue', 'OFF');
        $(this).removeAttr('checked'); 
    } else {
        $(this).attr('currentValue', 'ON');
    }
    var currentId = $(this).attr('id');
    $('[id*=radio_]').each(function(){
        if ($(this).attr('id') != currentId)
        $(this).attr('currentValue', 'OFF');
    });
});