Radio Button/Checkbox Grid: Make Other Row Fill-ins Required

Other Textboxes within grid questions do not force a response within the textbox in the row header. This JavaScript will disable and uncheck the row's answer options unless text has been input in the Other Textbox field.

Check it out in an example survey!

OR

Add a survey with this setup to your account!

This workaround uses the following features:

• Radio Button Grid Question Type
• Checkbox Grid Question Type
• JavaScript Action

Setup

1. Start by setting up a Radio Button Grid or Checkbox Grid on a page in your survey, with any number of other rows included.
2. Add a JavaScript action to the same page, and paste in the following code.

var otherRows = function (type) {
  var tableClass = 'sg-type-table-' + type;
  var inputs = $('.' + tableClass + ' :text[name*="-other"]').parents('tr').find(':' + type);
  inputs.prop('disabled', true)
  inputs.parents('tr').find(':text').on('keyup blur', function () {
    var rowPlacement = $('.' + tableClass + ' tr').index($(this).parents('tr'));
    if($(this).val() && $(this).val() != '') {
      $('.' + tableClass + ' tr:nth-child(' + rowPlacement + ') :' + type).prop('disabled', false);
      $('.' + tableClass + ' tr:nth-child(' + rowPlacement + ') :' + type).removeAttr('disabled');
    } else {
      $('.' + tableClass + ' tr:nth-child(' + rowPlacement + ') :' + type).prop('disabled', true);
      $('.' + tableClass + ' tr:nth-child(' + rowPlacement + ') :' + type).prop('checked', false);
    }
  });
}

$(otherRows('radio'));
$(otherRows('checkbox'));

Now, record a few test responses and make sure your validation works as it should!