Okay, so here's a working example.
The survey consists of the product multiple-choice question, followed by a radio question with a single answer. The radio question must be place directly after the multiple-choice.
The radio question is hidden by JavaScript and toggled depending on the "checked" state of a "mandatory" option in the products question.
A quota of 0 is placed on the single answer of the radio question.
The following script is placed in the source of the multiple-choice (I think the comments in the script adequately describe what it does). In this case I defined sub-question code "b" as mandatory.
Code:
<script type="text/javascript" charset="utf-8">
$(document).ready(function() {
// Identify the questions
var qID = {QID};
var thisQuestion = $('#question'+qID);
var quotaQuestion = $(thisQuestion).nextAll('.list-radio:eq(0)');
// The sub-question code of the mandatory option
var mandatoryOptionCode = 'b';
// Hide the quota question
$(quotaQuestion).hide();
// Interrupt the Next/Submit function
$('form#limesurvey').submit(function(){
// Is the mandatory option checked?
if($('input.checkbox[id$="X'+qID+mandatoryOptionCode+'"]').is(':checked') == false) {
// No, so click the quota radio
$('input.radio', quotaQuestion).click();
}
else {
// Yes, so uncheck the quota radio
$('input.radio', quotaQuestion).attr('checked', false);
}
});
});
</script>
Topic Author
