So in case you have question Q1, just add one free format question under this quesiton (let's say Q1DN), it should be check box type so variable should be Q1DN_r_1. Now put below script in it's footer.
<script type="text/javascript">
var obj1 = SSI_GetFormObject("Q1_r1_c1");
var obj2 = SSI_GetFormObject("Q1_r2_c1");
var obj3 = SSI_GetFormObject("Q1_r3_c1");
var obj4 = SSI_GetFormObject("Q1_r4_c1");
var obj5 = SSI_GetFormObject("Q1_r5_c1");
obj1.addEvent("keyup", hello);
obj2.addEvent("keyup", hello);
obj3.addEvent("keyup", hello);
obj4.addEvent("keyup", hello);
obj5.addEvent("keyup", hello);
function SSI_CustomGraphicalCheckbox(GraphicalCheckboxObj, InputObj, blnCheck)
{
if(InputObj.name == "Q1DN_r_1" && blnCheck == true)
{
document.mainform.Q1_r1_c1.value='';
document.mainform.Q1_r2_c1.value='';
document.mainform.Q1_r3_c1.value='';
document.mainform.Q1_r4_c1.value='';
document.mainform.Q1_r5_c1.value='';
}
}
</script>
and paste this function in Advance->HTML<head>tag.
<script type="text/javascript">
function hello()
{
var FirstStateChecked1 = SSI_GetValue("Q1DN_r_1");
if(FirstStateChecked1==1)
{
document.getElementById("Q1DN_r_1_graphical").removeClass("checkboxselected");
document.getElementById("Q1DN_r_1_graphical").addClass("checkbox");
var Num1Obj = SSI_GetFormObject("Q1DN_r_1");
Num1Obj.checked=false;
}
}
</script>
Also make all option optional here and use custom javascript verification. Like this..
if((document.mainform.Q1_r1_c1.value=="" && document.mainform.Q1_r2_c1.value=="" && document.mainform.Q1_r3_c1.value=="" && document.mainform.Q1_r4_c1.value=="" && document.mainform.Q1_r5_c1.value=="") && document.mainform.Q1DN_r_1.checked==false)
{
strErrorMessage="A response is required.";
}
Let me know if still need solution.