Have an idea?

Visit Sawtooth Software Feedback to share your ideas on how we can improve our products.

Deselect Radio Button

Wondering how I can deselect a Radio Button. I have a grid of 10 rows, 3 columns. Only allowed 1 selection per row. Responses not required for every row. Currently using radio buttons rather than checkbox because I prefer having 10 vars rather than 30 (e.g. r1_c1, r1_c2, etc.) . If the respondent clicks on a row by mistake and wants to remove that selection, they are unable to do so with Radio Buttons. Was hoping to use a double-click function to deselect the Radio Button. Found some code online but have not been able to have it take effect. Any help would be appreciated.


asked Jan 21 by Chris Guth Bronze (1,380 points)

1 Answer

+1 vote
Best answer
One solution that I have seen others use is to allow respondents to clear a radio response by clicking on the selected item again.  You may need to explain to respondents that this functionality exists as it is not a standard of radio buttons across the web.

If this option sounds good, this is the script I have used in the past:

    var resps = {};
        var name = $(this).attr('name');
        resps[name] = SSI_GetValue(name);
    SSI_CustomGraphicalRadiobox = function(graphical, input) {
        var name = input.name;
        var resp = SSI_GetValue(name);
        if (resp == resps[name]) {
            resp = 0;
        resps[name] = resp;
answered Jan 21 by Zachary Platinum Sawtooth Software, Inc. (164,025 points)
selected Jan 21 by Chris Guth
This is perfect! Thank you!