Code:
$(document).on('ready pjax:scriptcomplete',function(){
// Initial "answered" states
$('div[id^="question"]').addClass('unanswered');
$('div[id^="question"] tr[id^="javatbd"]').addClass('unanswered');
$('input:radio:checked, input:checkbox:checked, select[id^="answer"][value!=""], input:text[value!=""], textarea[value!=""]').each(function(i) {
handleAnswers(this);
});
// Listeners on the answers
$('input:radio, input:checkbox, select[id^="answer"]').on('change', function(){
handleAnswers(this);
});
$('input:radio').on('click', function(){
handleAnswers(this);
});
$('input:text, textarea').on('keyup change', function(){
handleAnswers(this);
});
$('.array-flexible-row tr[id^="javatbd"] td').click(function(){
handleAnswers($('input:radio', this));
});
});
// A function to test for answered questions
function handleAnswers(input) {
var parentQuestion = $(input).closest('div[id^="question"]');
var parentRow = $(input).closest('tr[id^="javatbd"]');
// Radio lists (anything checked)
if($(parentQuestion).hasClass('list-radio') || $(parentQuestion).hasClass('yes-no') || $(parentQuestion).hasClass('gender') || $(parentQuestion).hasClass('choice-5-pt-radio') || $(parentQuestion).hasClass('list-with-comment')) {
markAnswered(parentQuestion);
}
// Dropdown lists (anything selected)
else if($(parentQuestion).hasClass('list-dropdown')) {
if($(input).val() != '') {
markAnswered(parentQuestion);
}
else {
markUnanswered(parentQuestion);
}
}
// Short-text, long-text, huge-text and numeric (any value in the input)
else if($(parentQuestion).hasClass('text-short') || $(parentQuestion).hasClass('text-long') || $(parentQuestion).hasClass('text-huge') || $(parentQuestion).hasClass('numeric')) {
if($(input).val() != '') {
markAnswered(parentQuestion);
}
else {
markUnanswered(parentQuestion);
}
}
// Multi-short-text (all inputs must have a value)
else if($(parentQuestion).hasClass('multiple-short-txt')) {
if($('input:text[value!=""]', parentQuestion).length == $('input:text', parentQuestion).length) {
markAnswered(parentQuestion);
}
else {
markUnanswered(parentQuestion);
}
}
// Array (all rows must have a checked radio)
else if($(parentQuestion).hasClass('array-flexible-row')) {
if($('input:radio:checked', parentQuestion).length == $('tr[id^="javatbd"]', parentQuestion).length) {
markAnswered(parentQuestion);
}
else {
markUnanswered(parentQuestion);
}
markAnswered(parentRow);
}
// Array-numbers (all dropdowns must have a value)
else if($('.multiflexiselect', parentQuestion).length != 0) {
if($('.multiflexiselect[value!=""]', parentQuestion).length == $('.multiflexiselect', parentQuestion).length) {
markAnswered(parentQuestion);
}
else {
markUnanswered(parentQuestion);
}
if($('.multiflexiselect[value!=""]', parentRow).length == $('.multiflexiselect', parentRow).length) {
markAnswered(parentRow);
}
else {
markUnanswered(parentRow);
}
}
// Multiple options (at least one option checked)
else if($(parentQuestion).hasClass('multiple-opt')) {
if($('input:checkbox:checked', parentQuestion).length != 0) {
markAnswered(parentQuestion);
}
else {
markUnanswered(parentQuestion);
}
}
}
// Assign classes to "answered" questions
function markAnswered(el) {
$(el).removeClass('unanswered').addClass('answered');
}
function markUnanswered(el) {
$(el).removeClass('answered').addClass('unanswered');
}
