function rangeInput(endowment, multiply, multiplier) { // On input change update displayed value for each slider $('input[type=range]').on('input click change', function () { $(this).addClass('myclass'); $(this).parents('.range-field').find('.rs-label').html($(this).val() + ' crédit(s)'); var leftvalue = endowment - $(this).val(), rightvalue; if (multiply) { rightvalue = $(this).val() * multiplier; } else { rightvalue = parseInt($(this).val()); } var leftstring = leftvalue + ' crédit(s)'; var rightstring = rightvalue + ' crédit(s)'; leftstring = leftstring.bold(); rightstring = rightstring.bold(); $(this).parents('.range-field').find('.left-value').html(leftstring); $(this).parents('.range-field').find('.right-value').html(rightstring) }); // Submit form only if all sliders have been touched $(".otree-btn-next").on("click", function() { var untouchedSliders = $('input[type=range]:not(.myclass)'); var acceptSubmit = true; if (untouchedSliders.length > 0) { untouchedSliders.each(function () { if ($(this).closest(".row").css('display') !== 'none'){ alert("Veuillez choisir une option sur chaque axe"); acceptSubmit = false } }); } return acceptSubmit }); }