I have a page with 2 checkbox select questions on it. If the respondent chooses option 1-2-3 in the first question, the second question is displayed using the following code:
<script type="text/javascript">
$(document).ready(function(){
$('#Q14b_div').hide();
})
function SSI_CustomGraphicalCheckbox(graphicalCheckboxObj, inputObj, boolCheck) {
var id = '';
var disp = boolCheck ? 'block' : 'none';
switch (inputObj.name) {
case 'Q14a_1':
id = 'Q14b_div';
break;
case 'Q14a_2':
id = 'Q14b_div';
break;
case 'Q14a_3':
id = 'Q14b_div';
break;
}
document.getElementById(id).style.display = disp;
}
</script>
That is working. However, the first checkbox question has an option #7 that I have set as "exclusive". With the jquery & js on the page, the exclusive doesn't work until you submit. Then you get the 'none of the above' error message.
Without the jquery and js on the page, the option 7 works as usual - if you select it, all the other options are cleared.
I need the exclusive option to work WITH the jquery & js on the page.
Any ideas!
Thank you for any and all suggestions!